* {	margin:0;padding:0;}

html{background-color: #DFDFDF;}

body {width: 1024px;height:100%;background-color: #ffffff;font-family: Verdana,Arial,sans-serif;font-style: normal;font-size: 12px;color: #000000;margin-left: auto;margin-right: auto;padding-top:20px;}

#container {width: 960px;margin:auto;text-align:left;min-height:100%;}

#logo {font-size:25px;color:#666666;font-weight:lighter;margin-bottom:20px;}
#logo img {float:left;margin-right:55px;width:220px;}
#logo p{float:left;padding-top:31px;}

#topmenu {background-color:#c90002;width:960px;height:27px;}

/*Texte de presentation*/
.presentation{width:670px; margin:20px 30px 10px auto; padding:8px; background-color:#f8f8f8;font-size:15px;border: 1px solid #1f1a15; float:left;}
/*background-color:B6DFF3*/
.presentation ul{margin-left:15px;font-size:12px;}
.presentation li{margin-top:8px;}

/*Promo du livre*/
.promo{width:200px;padding:8px; background-color:#ffffff;border:1px solid #333333; margin:20px auto 10px auto;color:#333333;float:left;}
.promo img{border:none;width:100px;margin-top:15px;}


/*Demande de volontaires*/
.volontaires{width:670px; height:230px; margin:20px 30px 10px auto; padding:8px; background-color:#f8f8f8;font-size:15px;border: 1px solid #CCCCCC;float:left;}
.volontaires h3{color:#c90002;font-size:12px;font-weight:normal;}

/*Bouton inscription*/
.inscription{width:220px;padding:8px; background-color:#47443C; margin:20px auto 10px auto;color:#333333;text-align:center;border:2px solid #ff0000;float:left;}
.inscription img{border:none;margin-top:15px;}
.inscription h2{color:#ffffff;font-weight:normal;font-size:15px;margin-bottom:-10px;}
.inscription ul{margin-left:15px;margin-top:8px;}
.inscription li{margin-bottom:6px;}

/*Champ d'action Expertise*/
.champAction{width:230px;padding:3px; background-color:#666666; margin:20px auto 10px auto;color:#333333;border:2px solid #ff0000;float:right;}
.champAction h2{color:#ffffff;font-weight:normal;font-size:15px;margin-bottom:-10px;}
.champAction ul{margin-left:15px;color:white; font-size:13px;}
.champAction li{margin-top:5px;}

/*menu footer*/
.menufooter{margin:20px auto auto auto}
.menufooter a{text-decoration:none; color:#8B8988;}
.menufooter a:hover{color:#434039;}
.menufooter ul{float:left;width:200px;list-style-type:none;}


/*titres*/
.titre h1{color:#ff0000;font-size:18px;font-weight:bold;margin: 0 0 5px;text-align:left;margin-bottom:9px;}

/*Effet Stabylo*/
.stabylo-jaune{background-color:yellow;}

h1 {
	/*text-align:center;*/
	font-size:21px;
	color:#cdcdcd;
}

h1 .big {
	font-size:36px;
}

h2 {
	text-align:left;
	font-size:18px;
	color:#FFBD3F;
}

h3 {
	color:#B8E797;
}

h3 strong {
	font-size:1.1em;
}

h3 span {
	color:#FFFFFF;	
}

h4 {
	font-size:15px;
}

a {color:#FF6F37;text-decoration:none;}
a:hover{color:#FF5513;background-color:#cdcdcd;}/*FF5513*/

a img { 
	border:none; 
}

ul {
	margin:0 auto 15px 0;
}

li {
	text-align:left;
}

/************** HEADER  **************/

#header { 
	position:relative; 
	/*height:212px;*/
}

#trait1 {
	position:absolute; 
	top:63px; width:280px; 
	border:1px solid white;
}

#trait2 {
	position:absolute; 
	top:63px; 
	width:700px; 
	height:108px; 
	border-left:2px solid white; 
	border-bottom:2px solid white; 
}

/************** IMAGE ACCUEIL  **************/

#imageAccueil {
	width:275px;
	margin:-10px auto 0 300px;
}

#lienSlide, #lienSlide2, #lienSlide3 {
	color:#FFF6DF;
}

/************** MENU **************/

#menu {
	position:absolute;
	width:100%; 
	top:146px;
}

#menu dl {
	position:relative;
	float:left;
}

#menu dt {
	width:100px; 
	height:48px;
	border:2px solid white;
}

#m1, #m1On {
	margin-left:30px; 
	background-color:#CC4A14;
}

#m2, #m2On, #m3, #m3On, #m4, #m4On, #m5, #m5On {
	margin-left:56px;
}

#m2, #m2On {background-color:#009999;}
#m3, #m3On {background-color:#DB9916;}
#m4, #m4On {background-color:#3D5499;}
#m5, #m5On {background-color:#60993D;}

/************** SOUS-MENU PRINCIPAL (DEROULANT) **************/

#smenuDeroulant, #smenuDeroulant2 {	
	width:180px;
	border:2px solid white;
	margin-bottom:0;
}

#smenuDeroulant {	
	background-color:#077;
}

#smenuDeroulant2 {	
	background-color:#2F4586;
}

#smenuDeroulantConteneur, #smenuDeroulantConteneur2 {
	position:absolute;
	left:16px;
	top:50px;
	width:184px;
}

#smenuDeroulant li, #smenuDeroulant2 li {
	list-style-type:none;
	text-align:left;
	font-size:19px;
	font-family: "PER_____.TTF";
	color:white;
	white-space: nowrap;
}

#smenuDeroulant li a, #smenuDeroulant2 li a {
	height:24px;
	line-height:24px;
	display:block;
	color:white;
	text-decoration:none;	
}

#smenuDeroulant li a:hover {
	background-color:#50D7D7;
}

#smenuDeroulant2 li a:hover {
	background-color:#8EA0CF;
}

/************** SOUS-MENUS **************/

#smenu3btnsTrait1 {
	width:330px;
	height:48px;
	margin:-27px auto -12px 240px;
	border-left:1px solid white;
	border-bottom:1px solid white;
}

#smenu3btns {
	width:90%;
}

#smenu3btns table {
	margin-top:-3px;
	margin-left:140px;
	width:80%;
	border-collapse:collapse;
}

#smenu3 td {
	text-align:center;
	font-size:19px;
	letter-spacing:.1em;
	font-family: "PER_____.TTF";
	color:white;
	width:33%;
	height:22px;
	white-space: nowrap;
}

#smenu3 td a {
	color:white;
	text-decoration:none;
}

#smenu3 td span {
	display:block;
	border:1px solid white;
	margin:0 5px;
	background-color:#475757;
}

#smenu3 td span a {
	display:block;
	background-color:#009999;
}

/* smenu2btns */

#smenu2btns {
	width:90%;
}

#smenu2btns table {
	margin-top:-3px;
	margin-left:140px;
	width:80%;
	border-collapse:collapse;
}

#smenu2 td {
	text-align:center;
	font-size:19px;
	letter-spacing:.1em;
	font-family: "PER_____.TTF";
	color:white;
	width:33%;
	height:22px;
	white-space: nowrap;
}

#smenu2 td a {
	color:white;
	text-decoration:none;
}

#smenu2 td span {
	display:block;
	border:1px solid white;
	margin:0 5px;
	background-color:#454E67;
}

#smenu2 td span a {
	display:block;
	background-color:#3D5499;
}

#smenu2btnsTrait1 {
	width:330px;
	height:40px;
	margin:-25px auto -12px 230px;
	border-right:1px solid white;
	border-bottom:1px solid white;
}

/************** ESPACE PRO + TABLEAUX **************/

#actions {
	font-size: 1.1em; 
	margin:auto;
	border-collapse:separate;
}

th, td {
	padding:4px 7px;
}

th {
	text-align:right;
	font-weight:normal;
	white-space:nowrap;
}

#actions td {
	color:white;
	text-align:center;	
	border:1px solid white;
}

.btnsTable {
	width:100%;
}

.btnsTable td {
	width:50%;
	text-align:center;
}

.formTable {
	margin:auto;
}


#colPro1 {
	width:300px;
}

#colPro2, #colPro3 {
	width:225px;
}

.colPro60pourcent {
	width:426px;
}

.colPro40pourcent {
	width:366px;
}

#colPro1, #colPro2, #colPro3, .colPro60pourcent, .colPro40pourcent {
	float:left;
	margin:0 4px 0 0;	
}

.colPro {
	border-left:1px solid #736D5D;
	
}

.colPro h2 {
	white-space:nowrap;
	font-weight:bold;
	margin:0 -2px -10px -2px;
	padding-bottom:10px;
	border:2px solid #47443C;
}

.colPro h3 {
	margin:7px;
	text-align:left;
	color:white;
}

.colPro p {
	margin:4px;
}
.listingQualite{margin-top:18px;}
.listingQualite h2{font-size:17px; color:#ff9900;}

#colonnesPro .slide li {
	list-style-type:disc;
	padding-left:10px;
	padding-bottom:10px;
	list-style-position:inside;
	margin:auto 2px;
}



/************** TESTS **************/

#blocRight {
	float:right;
	width:30%;
}

.blocLeft {
	padding:15px;
	background-color:#FFF6DF;
	border:2px solid black;
}

.blocLeft h2 {
	color:#108782;
}

.blocLeft p, .blocLeft li {
	color:#37342D;
}

#colLeft {
	margin-right:33%;	
}

#helpDiv, #helpDiv2, #helpDiv3 {
	text-align:justify;
	margin-bottom:0;
}


/************** CONTACT **************/

.contact {
	float:left;
	width:33%;
}

.contact p {
text-align:left;
}

.contact div, .contact  h2 { /* images */
text-align:center;
}

.contact img {
	border:1px solid #87847C;
	margin-bottom:10px;
}

.contact marge {
	margin:10px;
}

/************** CLASS **************/

h3.alignLeft {
	text-align:left;
}

.bordure {
	border:1px solid #AFA999;
}

.btnTd, .btnTd button, td.btnTd {
	text-align:center;
	font-variant:small-caps;
	color:#FFC557;
	white-space:nowrap;
}

.btnTd a, .btnTd span, button {
	display:block;
	padding:3px 8px 2px 8px;
	background-color:black;
	border:1px solid #AFA894;
	text-decoration:none;
	margin:auto;
	font-size:1.05em;
}

.btnTd span {
	cursor:default;
}

.btnTd button {
	cursor:pointer;
	color:white;
	font-size: .9em; 
}

.btnTd a:hover, .btnTd button:hover {
	background-color:#6F6650;
}

.centre, .centre table, .inscrip table {
	text-align:center;
	margin:auto;
}

.floatLeft {
	float:left;
	margin:5px 20px 0 0;
}

.floatRight {
	float:right;
	margin:0 0 20px 20px;
}

.floatRight2 {
	float:right;
	margin:0 0 5px 5px;
}

p.justifie {
	text-align:justify;
}

.inscrip td {
	text-align:left;
}

.lettrine {
	font-size:1.4em;
	color:#DB9916;
}

.marge {
	margin:15px;
}

p.margeBas {
	margin-bottom:5px;
}

.retrait {
	margin-left:45px;
	text-align:justify;
}
.retrait li{margin-top:8px;}

.rouge {
	color:#FF5F27;
}

.rubrique h3 span {
	float:left;
	display:block;
	width:15px;
	line-height:1.3em;
	overflow:hidden;
}

.separation {
	clear:both;
	height:1px;
	visibility:hidden;
}

#spacer-footer	{
	height: 40px;
	clear: both;
}

#footer {
	position: relative;
	margin-top: -40px;
	height: 40px;
	clear:both;
	width:100%;
	text-align:center;
}

#footer a {
	color:#DDDAD2;
}