/* CSS Document www.cobx.org */

/* Style de la page */

* {
margin:0;
padding:0;
}

/*body { background: #c2c4c3 url(fonddegrade.png) repeat-x; margin:0; padding:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#7c7c7c;}*/
body {
background: #c6c6c6 url(motif.png) repeat;
/*padding-top:50px;*/
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#7c7c7c;
vertical-align:middle;

}

p, li { font-family: Verdana, Arial, Helvetica, sans-serif; color:#7F7D7D; font-size:1em; line-height: 19px; text-align:center;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #8aa1ba; font-size:1em;}

/* Contenant principal */

#contour { 
/*padding:0;
margin:0 auto 0 auto;
width:881px;*/

height:582px;
left:50%;
margin-left:-440px;
margin-top:-277px;
position: absolute;
top:50%;
width:881px;
}

/* header */

/*#contour{ border: 1px solid grey;}*/

#header { background: url(header3.png) no-repeat; position:relative; margin:auto; /*width:981px;*/ width:881px; height: 262px; text-align:center; }

/* Barre de navigation */

/*#navigation { background: url(navigation1.png); width:898px; height: 26px; margin-bottom:0; padding-top: 5px;}
#navigation ul{ margin: 0 0 0 12px; padding-left: 454px; line-height:25px;}
#navigation li{ display: inline; text-align:left; padding: 0 5px 0 15px; font-family:Arial, Helvetica, sans-serif;}
#navigation a:link{ color: #fff; padding-top: 8px; text-decoration: none; font-size: 10px;}
#navigation a:visited{ color: #fff; padding-top: 8px; text-decoration: none; font-size: 10px;}
#navigation a:hover{ color: #fff; border-top: double 6px #fff; border-bottom: double 6px #fff;}*/

/* contenu */

#contenu{ background: url(fonddegrade2.png) repeat-x; height: auto; padding: 0px 75px 0px 73px; }
#contenu a:link, a:visited{ text-decoration: none; font-weight:bold;}
#contenu li{ color:#CCC; list-style-type: square;}

/*#tildehaut { background:#FFF url(tildehaut.png) no-repeat; margin-top: -15px; margin-left: -44px; height: 37px;}
#tildebas { background:#FFF url(tildebas.png) no-repeat; margin-bottom: -6px; margin-left: 759px; margin-right: -50px; height: 37px;}*/

/* footer */
#captionfooter { background:url(tranchefonddegrade.png) repeat; width:881px; height: 50px; margin-top:-5px}
#captionfooter p{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#314DF8; font-size:9px; text-align: left; padding: 0 0 0 10px; margin: 0;}
#captionfooter a:link{ color: #314DF8; text-decoration: none; font-weight:bold; font-size:9px; }
#captionfooter a:visited{ color: #5588AA; text-decoration: none; font-weight:bold; font-size:9px;}
#captionfooter a:hover{ color: #FFFFFF; text-decoration: none; font-weight:bold;}

#formid{ width:170px; height:25px; position:absolute; padding: 0 10px 0 -10px;}

#footer { background: url(footer2.png) repeat-x; width:879px; height:24px; vertical-align:bottom; font-weight:bold; color:#FFFFFF; margin-top:-15px; border:1px solid #7F7D7D; border-top:none;}
#footer p{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666; text-align: left;}
#footer a:link{ text-decoration: none; font-weight:bold; color:#FFFFFF;}
#footer a:visited{ text-decoration: none; font-weight:bold; color:#FFFFFF;}
#footer a:hover{ text-decoration: none; font-weight:bold; color:#DDDDDD;}

#footer #linkcobx {
	background: url(btn_accueil_4dir.jpg) repeat;
	left:20px;
	float: left;
	position:relative;
	width:146px;
	height: 24px;
}
#footer #linkcobx a{
	display: block;
	width: 146px;
	height: 24px;
}
#footer #linkcobx a span{display: none;}

/* mise en page et images */

/*#picture img { margin: 0; border: 13px solid #eceae2;}
#picture a:hover img { border: 13px solid #d8d6cf;}

#kit img { margin: 0; border: 13px solid #eceae2;}
#kit a:hover img { border: 13px solid #d8d6cf;}

#headfleur, #supfla { z-index: 1; position: absolute; margin-top: -271px; width: 920px; height: 206px;}*/

.surligneVert { color:#3f77CA;}
.surligneVert a:link{ color:#3f77CA;}
.surligneVert a:visited{ color:#3f77CA;}
.surligneVert a:hover{ color:#59B0E5;}

.surligneGris{ color: #7c7c7c;}
.surligneGris a:link{ color:#7c7c7c;}
.surligneGris a:visited{ color:#7c7c7c;}
.surligneGris a:hover{ color:#BBBBBB;}

.alinea { text-indent: 20px;}
.alignerDroite { float:right; margin-right: 10px; margin-top: 6px;}
.alignerGauche { float:left; margin: 5px 30px 0 0;}