html,body
{
	margin : 0;
	padding : 0;
	height : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-color : #f2f2f2;
	/*background-image : url(background_vers_99ccff.jpg);*/
	background-image : url(greyBack.jpg);
	background-repeat : no-repeat;
	background-attachment : fixed;
	background-position : bottom right;
	color: #3B3B3E;
}

img, img a
{
	border : 0;
}

a
{
	color : #000000;
	text-decoration : none;
	outline:none;
}

a:hover
{
	color : #0099cc;
}

hr
{
	border-color : #99CCFF;
}

h3
{
	font-size : 13px;
	margin-top : 10px;
}

.center
{
	text-align : center;
}

.roundDiv
{
	border-radius: 10px 10px;
	-moz-border-radius: 10px;
}

.newsletterLink
{
	width : 500px;
	margin:auto;
	border : 1px solid black; 
	background-color : #99ccff;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	font-size : 12px;
}

.rssRightItem
{
	height : 110px;
	text-align : left;
	overflow : auto;
}

.rssRightItem img
{
	float: left; 
	padding-right: 2px;
}

#promoHead
{
	background : url(favicon.png) no-repeat center left;
	height : 16px;
	text-align : left;
	font-size : 14px;
	font-weight : bold;
	padding-left : 22px;
	margin-top : 5px;
}

#center
{
	text-align : center;
}

.red
{
	color : red;
}

.green
{
	color : green;
}

#top
{
	width : 100%;
	height : 130px;
	/*background-color : #FFFFFF;*/
}

#noel
{
	/*width : 100%;
	height : 100px;
	background-image : url(noel.jpg);
	background-repeat : repeat-x;
	background-position: top left;
	z-index : 0;*/
}

#head
{
	margin : auto;
	width : 980px;
	height : 100px;
	background-image : url(banniere_extremepc_transparent.png);
	background-repeat : no-repeat;
	z-index : 0;
}

.headLink
{
	display : block;
	height : 100%;
}

#pub
 {
	width : 400px;
	height : 82px;
	position : absolute;
	margin-left : 538px;
	top : 8px;
	z-index : 0;
}

#logopub
 {
	width : 65px;
	height : 71x;
	position : absolute;
	margin-left : 548px;
	top : 13px;
	z-index : 10;
}

#menu dl, #menu dt,#menu  dd, #menu ul, #menu li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li a
{
	display: block;
	height: 100%;
	border: 0 none;
}

#menu
{
	width : 100%;
	height : 30px;
	background-image : url(fond_barre_menu.jpg);
	background-repeat : repeat-x;
	margin: 0;
	padding: 0;
	font-size : 13px;
}

#menu dt a
{
	color : #FFFFFF;
	text-decoration : none;
	display: block;
	height: 100%;
}

#menu dt a:hover
{
	color : #FFFFFF;
	text-decoration : underline;
}

#boutonsMenu
{
	width : 930px;
	margin : auto;
	text-align : left;
}

.itemBordeMenu
{
	width : 26px;
	padding-top : 4px;
	padding-left : 3px;
	float : left;
}

#menu dl
{
	width : 125px;
	float : left;
	cursor : pointer;
}

#menu dt
{
	width : 125px;
	height : 30px;
	background-image : url(bouton.jpg);
	background-repeat : no-repeat;
	text-align : center;
	padding-top : 0px;
}

#menu dt a
{
	padding-top : 6px;
	height : 24px;
}

#menu dd
{
	display : none;
	position: absolute;
	z-index:100;
	opacity:0.9;
	filter:alpha(opacity=90);
	border : 1px solid black;
	border-top : 0;
	width : 170px;
	padding : 5px;
	color : #000000;
	line-height : 22px;
	background-color : #FFFFFF;
}

#menu dd a
{
	color : #000000;
	text-decoration : none;
}

#menu dd a:hover
{
	color : #000000;
	text-decoration : underline;
}

#menu dt:hover
{
	background-image : url(bouton_hover.jpg);
	background-repeat : no-repeat;
}

#menu .separateurMenu
{
	width : 3px;
	height : 30px;
	margin-left : 10px;
	margin-right : 10px;
	background-image : url(separateur_menu.jpg);
	background-repeat : no-repeat;
	float : left;
}

#contenu
{
	width : 930px;
	margin : auto;
	background : url(middle_body.png) repeat-y;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 10px;
}

#foot
{
	width : 990px;
	height : 30px;
	margin : auto;
	background-image : url(bas_body.png);
	background-repeat : no-repeat;
}

#texteFoot
{
	text-align : center;
	color : #FFFFFF;
	font-size : 10px;
	padding-bottom : 10px;
	line-height : 5px;
}

#texteFoot a
{
	color : #FFFFFF;
}

#texteFoot .img
{
	vertical-align : middle;
	margin-left : 30px;
	margin-right : 30px;
}

.clear
{
	clear : both;
}

.clearUn
{
	clear : both;
	height : 1px; /* bug Netscape */
}

/* gauche droite */
#colonneGauche
{
	width : 730px;
	float : left;
}

#colonneDroite
{
	width : 200px;
	float : right;
}

.boxCategories
{
	float : left;
}

.boxClassic
{
	float : left;
	padding : 5px;
	padding-top : 0px;
	padding-left : 15px;
}

.boxLeft
{
	width : 360px;
	float : left;
}

.boxRight
{
	width : 360px;
	float : right;
}

.topL, .topM342, .topM422, .topMactualite, .topMsommaire, .topMdossier, .topMlarge, .topR
{
	font-size:0px;	
	height : 30px;
	float : left;
}

.topM342
{
	width : 342px;
	background-image : url(topM.gif);
	background-repeat : repeat-x;
}

.topM342 img
{
	position : absolute;
}

.topM422
{
	width : 422px;
	background-image : url(topM.gif);
	background-repeat : repeat-x;
}

.topM422 img
{
	position : absolute;
}

.topMactualite
{
	width : 712px;
	background-image : url(topM.gif);
	background-repeat : repeat-x;
}

.topMactualite img
{
	position : absolute;
}

.topMsommaire
{
	width : 232px;
	background-image : url(topM.gif);
	background-repeat : repeat-x;
}

.topMsommaire img
{
	position : absolute;
}

.topMdossier
{
	width : 652px;
	background-image : url(topM.gif);
	background-repeat : repeat-x;
}

.topMdossier img
{
	position : absolute;
}

.topMlarge
{
	width : 912px;
	background-image : url(topM.gif);
	background-repeat : repeat-x;
}

.topMlarge img
{
	position : absolute;
}

.topL
{
	width : 9px;
	background-image : url(topL.gif);
	background-repeat : no-repeat;
}

.topR
{
	width : 9px;
	background-image : url(topR.gif);
	background-repeat : no-repeat;
}

.boxContent
{
	clear : both;
	border : 1px solid #000000;
	border-top : 0;
	padding : 5px;
	font-size : 11px;
	line-height : 18px;
	text-align : justify;
}

.showLink a
{
	text-decoration : underline;
}

.titreBox
{
	margin : 0;
	padding : 0;
	z-index : 100;
	line-height : 20px;
	font-size : 13px;
	padding : 5px;
	text-align : center;
	color : #FFFFFF;
	font-weight : bold;
	overflow : hidden;
}

.titreBox a
{
	color : #FFFFFF;
	text-decoration : none;
}

.titreBox a:hover
{
	color : #0099cc;
}

.titreBoxInline
{
	z-index : 100;
	line-height : 20px;
	font-size : 13px;
	padding : 5px;
	text-align : center;
	color : #FFFFFF;
	font-weight : bold;
}

.titreBoxInline a
{
	color : #FFFFFF;
	text-decoration : none;
}

.titreBoxInline a:hover
{
	color : #0099cc;
}

.jourNews
{
	font-weight : bold;
	font-size : 11px;
}

.newsDuJour
{
	color : #FF6600;
	font-size : 11px;
}

.contenuNews a
{
	text-decoration : underline;
}

#actualite .boxContent
{
	font-size : 13px;
	line-height : 25px;
}

.uneNews
{
	padding : 0;
	margin : 0;
	line-height : 20px;
}

#actualite .uneNews
{
	text-indent : 30px;
}

#infoNews
{
	border-bottom : 1px solid #99CCFF;
	width : 100%;
	font-size : 11px;
	text-align : center;
	padding-top : 5px;
	padding-bottom : 5px;
}

.infoNewsGauche
{
	width : 415px;
	float : left;
	text-align : left;
}

.infoNewsDroite
{
	width : 300px;
	float : right;
	text-align : right;
}

.linkGoogle
{
	margin-top : 5px;
}

.boxFieldset
{
	width : 341px;
	border : 1px solid #99CCFF;
	margin : 5px;
	margin-top : 10px;
	padding : 3px;
	border-radius: 10px 10px;
	-moz-border-radius: 10px;
}

.boxFieldset legend
{
	font-weight : bolder;
}

.left
{
	float : left;
}

.right
{
	float : right;
}

.hrSimple
{
	border-top: 1px solid #99CCFF;
	margin-top : 5px;
}

/* commentaires */

#blockCommentaires
{
	border-top: 1px solid #99CCFF;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	margin:auto;
	margin-top:20px;
}

.titreCommentaire
{
	background-color:#FFFFFF;
	background-image : url(backComment.png);
	background-repeat : repeat-y;
	background-position : top left;
	border-bottom : 1px dashed #99CCFF;
	font-size : 11px;
	padding-left : 2px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}

#listeCommentaires
{
	line-height : 20px;
	margin:auto;
	font-size:12px;
	text-align : left;
	/*border : 1px solid #99CCFF;*/
	margin-top : 10px;
}

#buttonCom
{
	text-align : center;
}

.unCommentaire
{
	margin-bottom:15px;
	background-color:#FFFFFF;
}

.contenuCommentaire
{
	padding : 5px;
	overflow : auto;
}

#blockActuCatLeft
{
	float : left;
	width : 190px;
}

#blockActuCatLeft ul
{
	margin-left : 0px;
	padding-left : 20px;
}

#blockActuCatRight
{
	float : right;
	width : 500px;
}

#blockActuCat
{
	width : 715px;
}


#blockActuCat h3
{
	border-bottom : 1px solid black;
}

#catUl
{
	background-image : url(backCat.jpg);
	background-repeat : repeat-y;
}

/* dossiers */
#sommaire
{
	width : 250px;
	float : left;
}

#dossier
{
	width : 670px;
	float : right;
}

#large
{
	width : 930px;
}

#contenuColonneDroite
{
	text-align : center;
	margin-left : 10px;
	width : 190px;
}

#contenuColonneDroite img
{
	margin-top : 5px;
	margin-bottom : 5px;
}

#connexion
{
	width : 190px;
	height : 130px;
	background-repeat : no-repeat;
	background-image : url(panneau_connexion.png);
	text-align : center;
	color : #FFFFFF;
	padding-top : 10px;
	padding-bottom : 10px;
}

#connexion a
{
	color : #FFFFFF;
}

#connexion a:hover
{
	color : #0099cc;
}

#connexion form
{
	display : inline;
	padding-top : 5px;
}

#connexion .center
{	
	margin-top : 5px;
}

#connexion input
{
	border : 0;
	margin : 5px;
	font-size : 10px;
	width : 130px;
}

#connexion ul
{
	margin : 0px;
	margin-left : 3px;
	margin-bottom : 6px;
	padding : 0px;
	text-align : left;
}

#connexion li
{
	list-style-type : none;
	background-image : url(rightarrow.png);
	background-repeat : no-repeat;
	background-position : center left;
	padding : 3px;
	padding-left : 16px;
}

#champRecherche
{
	width : 190px;
	height : 28px;
	background-repeat : no-repeat;
	background-image : url(panneau_recherche.png);
	text-align : center;
	color : #FFFFFF;
	padding-top : 2px;
	margin-bottom : 5px;
}

#champRecherche form
{
	display : inline;
	padding-top : 5px;
}

#champRecherche input
{
	border : 0;
	margin : 5px;
	font-size : 10px;
	width : 100px;
}

.dossier
{
	border : 1px dashed #99CCFF;
	height: 110px;
	margin: 40px;
	padding-right: 5px;
}

.dossier h5
{
	display: inline;
}

.imgDossier
{
	float: left;
	margin: 5px;
	margin-right: 15px;
}

/* section téléchargement */
#un_logiciel
{
	margin : auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width : 600px;
	border : 1px solid #99CCFF;
	border-top : none;
	font-size : 12px;
}

#titre_logiciel
{
	color : #000000;
	font-weight : bold;
	padding-left : 10px;
	padding-top : 4px;
	font-size : 12px;
	height : 20px;
	background-image: url(fond_telechargement.gif);
	cursor: pointer;
	text-align : right;
	padding-right : 10px;
}

#titre_logiciel span
{
	float: left;
}

#corps_logiciel
{
	width : 600px;
	font-size : 12px;
}

#corps_gauche
{
	width : 230px;
	float : left;
	line-height : 21px;
	margin-left : 20px;
	font-size : 12px;
}

#corps_droite
{
	width : 280px;
	float : right;
	text-align : center;
	margin-right : 20px;
	padding-top : 10px;
	font-size : 12px;
}

#corps_droite > img
{
	padding : 10px;
	max-width : 150px;
	max-height : 150px;
}

#description_logiciel
{
	clear : both;
	text-indent : 20px;
	width : 550px;
	overflow :hidden;
	margin-left : 20px;
	font-size : 12px;
	padding-top : 10px;
}

.lienInvisible a:hover
{
	text-decoration : none;
	padding-top : 4px;
	padding-bottom : 2px;
	background-color: #e800e9;
}

/* contact */
#formulaire
{
	width : 600px;
	margin : auto;
}

#erreur
{
	color : red;
	font-weight : bolder;
	margin-bottom : 10px;
	text-align : center;
}

.elementFormulaire
{
	float : left;
	width : 150px;
	text-align : right;
	padding-top : 2px;
}

.elementFormulaireNoWidth
{
	float : left;
	margin-top : 5px;
	margin-left : 5px;
	padding-left: 2px;
	margin-bottom: 10px;
	font-size: 11px;
	border:1px solid #C0C0C0;
	width : 400px;
}

/* 2an */
#pub2an
{
	height : 90px;
	width : 930px;
	font-weight : bolder;
	background : url(pub/draft.png) no-repeat #99197f;
	margin-bottom : 10px;
	border-radius: 10px 10px;
	-moz-border-radius: 10px;
	font-family : arial;
}

#pointpointpoint
{
	margin-left : 610px;
	overflow : hidden;
	height : 90px;
	width : 300px;
}

#pointpointpoint div
{
	padding-left : 2px;
	padding-right : 2px;
	font-size : 80px;
	line-height : 0px;
	float : left;
	height : 20px;
	margin-top : 65px;
}

#logotactac
{
	width : 65px;
	height : 71px;
	background : url(pub/logo_only.gif) no-repeat transparent;
	margin-top : 10px;
	margin-left : 0px;
	float : left;
}

#logotexte
{
	width : 520px;
	height : 21px;
	background : url(pub/logo.png) no-repeat transparent;
	margin-top : 0px;
	margin-left : 0px;
	float : left;
	color : #FFF;
	font-family : arial;
	font-size : 18px;
	padding-top :60px;
	font-weight : bolder;
	
}

a.noUnderline
{
	text-decoration : none;
}