/* Base */

body { font:12px/16px Arial,Helvetica,sans-serif; text-align:center; margin:10px 0;}
#wrapper { margin:0 auto; width:850px; text-align:left;}
a { color:#f00;}
	a:hover { text-decoration:none;}
	a img { border:none;}
	a.bouton { float:left; color:#666; background:url(../navigation/bouton_right.png) right top no-repeat; padding-right:10px; margin-top:-8px; text-decoration:none;}
		a.bouton span { float:left; background:url(../navigation/bouton_left.png) no-repeat; padding-left:20px; height:22px; line-height:22px;}
		a.bouton:hover { color:#000;}
	a.back { background:url(../navigation/fleche_back.gif) 0 2px no-repeat; padding-left:17px;}
ul,p { margin:16px 0;}
img.left,img.right { border:1px solid #ddd; padding:3px;}
	img.left { float:left; margin:2px 15px 8px 0;}
	img.right { float:right; margin:2px 0 15px 30px;}
.rouge { color:#f00;}
li { background:url(../navigation/bullet.gif) 0 6px no-repeat; padding-left:9px; margin-bottom:3px;}
.clear { clear:left;}

/* Forms */

form { margin:4px 0 24px 0;}
.colform { float:left; padding-right:15px; margin:12px 0 0 0;}
.nolabel { padding-top:19px;}
label { display:block; color:#666;}
input,select,textarea { border:1px solid #ddd; font:12px Arial,Helvetica,sans-serif; padding:2px; margin:2px 0 0 0;}
	input { height:14px;}
	input.checkbox { float:left; margin-right:5px; border:none;}
	input.submit { height:20px; line-height:10px; border:1px solid #f00; background:#f00 url(../navigation/submit.gif) left 0px no-repeat; padding:0 5px 0 23px; color:#fff;}
	input.i140 { width:140px;}
	textarea.i295 { width:300px;}
	
/* Tables */

#btns{
	text-align:left;
	/*height:22px;*/
	width:140px;
}

#btn{
	text-align:left;
	/*height:22px;*/
	width:145px;
}

#bt{
	text-align:left;
	width:140px;
}

#b{
	text-align:left;
	width:140px;
}

#sub{
	text-align:left;
	width:140px;
}

#su{
	text-align:left;
	width:175px;
}

#s{
	text-align:left;
	width:175px;
}

#xx{
	text-align:left;
	width:175px;
}

#x{
	text-align:left;
	width:135px;
}


table { margin:16px 0; width:100%; clear:left;}
th,td { border-bottom:1px solid #fff; padding:3px 10px 3px 0; font:12px/16px Arial,Helvetica,sans-serif; vertical-align:top;}
	th { border-bottom-width:2px; font-weight:bold;}
	tr.odd td { background-color:#f5f5f5;}
table.liens { width:auto;}
	table.liens td { width:144px; padding:10px 20px 10px 0;}
		table.liens img { display:block; margin:10px 0;}

/* Header */

#header { position:relative;}
h1 a { display:block; width:303px; height:77px; background:url(../navigation/clap.gif) no-repeat; text-indent:-9999px; margin:12px 0; text-decoration:none;}
#loginform { /*position:absolute;*/ right:0; top:10px; margin:0;}
	#loginform strong { display:block; font-size:13px; margin-bottom:7px;}
	#loginform div { float:left; padding-right:9px;}
	#loginform input { width:139px;}
	#loginform input.submit { border-color:#ddd; padding:0; /*float:left;*/ width:18px; height:18px; position: relative; top: 5px;/*margin:18px 0 0 -4px;*/}
	
/* Navigation */

#navigation { border-top:16px solid #000;}
.first { float:left; width:170px; padding-top:9px;}
	.first ul { margin:0;}
	.first li { background-image:none; padding:0; margin-bottom:2px;}
		.first li#indexlink { margin-bottom:9px; font-size:13px; }
	.first a { font-weight:bold; color:#000; text-decoration:none;}
#recherche { margin:20px 0 0 0;}
	#recherche label { font-weight:bold; font-size:13px; color:#000;}
	#recherche input { width:124px; float:left; margin-right:5px;}
	#recherche input.submit { border-color:#ddd; padding:0; float:left; width:18px; height:18px;}

dl { float:left; border-left:1px solid #ddd; width:154px; height:124px; padding:9px 0 0 15px; margin-bottom:16px;}
	dl.inscription { border-left:none; width:155px; background:#f00 url(../navigation/back_inscription.png) left bottom repeat-x; margin-top:-16px; padding-top:25px;}
dt { font-weight:bold; font-size:13px; padding-bottom:8px;}
	dl.inscription dt { color:#fff;}
dd a { line-height:18px; color:#666; text-decoration:none;}
	dl.inscription dd a { color:#fff;}

.first a.actif,.first a:hover,dd a.actif,dd a:hover { color:#f00; text-decoration:underline;}

/* Content */

#content { float:left; margin:8px 0 24px 0; width:650px; padding-right:30px; text-align:justify;}
h2 { font-size:25px; font-weight:bold; margin:4px 0 20px 0; letter-spacing:-1px;}
	h2 span { font-weight:normal; font-size:13px; letter-spacing:0; color:#666;}
h3 { font-size:15px; font-weight:bold; margin-top:24px; border-bottom:1px solid #ddd; padding-bottom:16px; clear:left; letter-spacing:0px;}
	h3 a { text-decoration:none;}
	#content h3 span { font-size:11px; color:#666; font-weight:normal;}
#content ul { margin-left:30px;}
.remarque { color:#666; margin-bottom:24px;}
.col { float:left; width:310px; margin-bottom:21px; text-align:left;}
	.odd { padding-right:30px;}
	.col h3 { margin-top:0; margin-bottom:16px;}
.photo { float:left; text-align:center; padding-right:15px; color:#666;}
	.photo img { display:block; margin-bottom:2px;}

/* Sidebar */

#sidebar { float:left; width:170px; text-align:center}
.sidebloc { margin-bottom:20px; padding:15px; float:left; width:140px;}
	.sidebloc h3 { margin-top:0; padding:0; border:none;}

#introclap { color:#fff; background-color:#000;}
.news { background:#f5f5f5 url(../navigation/back_news.png) left top repeat-x; border:1px solid #ddd; width:138px}
#presdecheznous { background:url(../navigation/presdecheznous.jpg) no-repeat; height:24px; padding-top:107px;}

/* Footer */

#footer { clear:both; border-top:1px solid #ddd; margin-top:24px; padding:15px 0 40px 0; font-size:11px; color:#666;}
	#logos { float:left; width:340px;}
		#logos img { float:left; padding-right:20px;}
	#copyrights { float:left; padding-top:9px;}
	#footer a { color:#333;}