body{color:#666666;font-size:11px;font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;background:url(../images/fond_gris1.gif);}
div#conteneur
{
	width: 800px ;
	margin: 0 auto ; 
	text-align: left;
	/*border:1px solid black;*/
}

div#contenu
{
	height:auto;
	/*background:no-repeat url(../images/image_accueil.png);*/
	background:#FFFFFF;
	padding:5px;
	border-top:2px solid black;
	border-bottom:2px solid black;
}

div#conditions_générales
{
	width: 637px ;
	height:600px;
	margin: 0 auto ; 
	text-align: left ;
}
div#conditions_générales h2{font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border-bottom: 1px solid red ;}

div#presentation{width:80%;height:auto;margin:0 auto;text-align:justify;background:no-repeat url(../images/logo_pastel2.jpg);}
div#presentation h2 {font-size: 13px; padding-top:35px}
div#presentation p {margin-top:3px;}
h6{font-size: 20px;font-weight: bold; color:#c02000; margin-top:20px ; text-align:center;}

#contact{width:80%;font-weight:bold;margin:0 auto;height:450px;background:no-repeat url(../images/logo_pastel2.jpg);}
#contact img{vertical-align:middle;text-align:center;}
#contact .info {margin:50px auto;width:100%;}

#client {width:80%;margin:0 auto;height:auto;background:no-repeat url(../images/logo_pastel2.jpg);}
#client img{vertical-align:middle;text-align:center;}

#devis {color:#666666;width:80%;margin:0 auto;height:auto;border:3px solid gray;background-color:#F3F3F3;margin:10px auto;padding:5px;}
#devis input[type='text']{height:15px;width:150px;}
#devis p {font-size:10px;font-weight:normal;}
#devis .info {width:90%;border:3px solid gray;background-color:#ffffff;margin:10px auto;padding:5px;}

#devis table.tableDevis {width:500px;border:1px solid black;background-color:#ffffff;margin:0 auto;}
#devis table.tableDevis input[type='text'] {width:auto;}
#devis table th {background-color:#353535;}

#garantie {width:90%;margin:10px auto;font;text-align:justify;background:no-repeat url(../images/logo_pastel2.jpg);}
#garantie span {color:#666666;font-size:13px;font-weight:bold;}

div#footer{width:100%;height:30px;color:#AFAFAF;font-size: 12px;font-weight: bold;text-align:center;}
div#footer a{color:#AFAFAF;font-size:11px;}
div#footer a:hover{text-decoration:underline;font-size:11px;font-weight:bold;}

ul#menus{height:50px;width:auto;margin:0;padding:0;list-style-type:none;}

ul#menus li{float:left;text-align:center;}

ul#menus li a{line-height:45px;padding-left:17px;padding-right:17px;vertical-align:bottom;font-size:12px; /* taille police */font-weight:bold;/* en gras */letter-spacing: 1px ; /* espace entre les lettres */
	color: black; /* couleur de la police */
	display: block ; 
	text-decoration: none ; /* enleve le surlignement ajoute par la balise */
	border-right: 1px solid white ; /* bordure a droite avec : taille, type, couleur */
}

ul#menus li a:hover {opacity : 0.5; color:gray;}

.boutonOk { cursor:pointer;}
.boutonOk:hover{opacity : 0.3;}

div#login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #05519A;
	font-weight: bold;
	height:500px;
	width:100%;
	text-align:justify;
}
div#login .logo {
	float:left;
	background: url(../images/logo_transparent.png) no-repeat top left;
	height:100%;
	width:72%;
}
div#login .colDroite{
	float:left;
	height:auto;
	width:19%;
	margin:0 auto;
}

div#login .connexion {
	float:left;
	width:200px;
	height:auto;
	margin-top:85px;
	padding-left:20px;
}

div#login .news{
	float:left;
	width:200px;
	height:auto;
	margin-top:50px;
	padding-left:20px;
}

div#login label { float: left; width: 35px;}
div#login p{ width: 200px; height: 20px; margin: 0; padding: 2px 0 0 155px;}

div#login a {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none;width: 35px;}
div#login a:hover { font-size: 10px; font-weight: bold;}
div#login a:visited { font-size: 9px; }

div#login input {height:14px; padding-left:3px; }

div#help {
	background-color:#F0F6FB;
	color:#000000;
	height:auto;
	width: 325px;
	border: 2px solid #AECDFA;
	/*margin-left:30px;
	margin-right:30px;*/
	text-align:justify;
}

div#ajout_aide {
	background-color:#F0F6FB;
	color:#000000;
	height:auto;
	width:702px;
	border: 2px solid #AECDFA;
	margin-left:10%;
	margin-right:10%;
	text-align:justify;
}

h1				{ font-size: 10px; font-weight: none; color: #000000; text-decoration: none; }
h2				{ font-size: 12px; font-weight: none; color: #000000; text-decoration: none; }
h3				{ font-size: 14px; font-weight: none; color: #000000; text-decoration: none; }
h4				{ font-size: 22px; font-weight: none; color: #000000; text-decoration: none; }

a:link			{ font-family: verdana; font-size: 11px; color: #05519A; text-decoration: none; }
a:visited		{ font-family: verdana; font-size: 11px; color: #05519A; text-decoration: none; }
a:hover			{ font-family: verdana; font-size: 11px; color: #05519A; text-decoration: underline; }

body			
{
 font-size:11px;
 font-family:"Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: none; 
 color: #000000; 
 text-decoration: none; 
 background-color: #FFFFFF; 
 margin-left:30px;
 }

th				{ font-size: 11px; font-weight: none; color: #FFFFFF; text-decoration: none; text-align: center; background-color: #990000; height: 20px; }
td				{ font-size: 11px; font-weight: none; color: #000000; text-decoration: none; }

form			{ font-size: 11pt; font-weight: bold; color: #000000; text-decoration: none; }
input			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #000000; text-decoration: none; border-width: 1px; border-color: #AAAAAA; }
select			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #000000; text-decoration: none; border-width: 1px; border-color: #AAAAAA; }
textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #000000; text-decoration: none; border-width: 1px; border-color: #AAAAAA; }


.blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.blancGras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.orangeGras12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	font-weight: bold;
}
.orangeGras10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	font-weight: bold;
}
aqq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #C0C0C0;
	text-decoration: none;
}
.noirGras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.noir12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.grisFonce12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.inputBleu {
	background-color: #FFFFFF;
	border: 1px solid #6666CC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 18px;
	width: 60px;
	color: #000000;
}
.inputAccueil {
	background-color: #FFFFFF;
	border: 1px solid #6666CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	height: 18px;
	color: #000000;
}
.inputCool {
	background-color: #FFFFFF;
	border: 1px solid #6897B4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	height: 18px;
	color: #000000;
}
iframe {
	border: 0px solid;
}
.blancGras12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.titre1			{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
.titre2			{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

.home:link		{ font-family: verdana; font-size: 11px; text-decoration: none; }
.home:visited	{ font-family: verdana; font-size: 11px; text-decoration: none; }
.home:hover		{ font-family: verdana; font-size: 11px; text-decoration: none; }

.menu:link		{ font-family: verdana; font-size: 10px; text-decoration: none; }
.menu:visited	{ font-family: verdana; font-size: 10px; text-decoration: none; }
.menu:hover		{ font-family: verdana; font-size: 10px; text-decoration: none; }

.smenu:link		{ font-family: verdana; font-size: 11px; text-decoration: none; color: #000000; }
.smenu:visited	{ font-family: verdana; font-size: 11px; text-decoration: none; color: #000000; }
.smenu:hover	{ font-family: verdana; font-size: 11px; text-decoration: none; color: #000000; }

.smenuAdm:link		{ font-family: verdana; color: #000000; font-size: 10px; text-decoration: none; }
.smenuAdm:visited	{ font-family: verdana; color: #000000; font-size: 10px; text-decoration: none; }
.smenuAdm:hover		{ font-family: verdana; color: #000000; font-size: 10px; text-decoration: underline; }

.lien2:link		{ font-family: verdana; font-size: 11px; text-decoration: none; }
.lien2:visited	{ font-family: verdana; font-size: 11px; text-decoration: none; }
.lien2:hover	{ font-family: verdana; font-size: 11px; text-decoration: underline; }

.calendar:link		{ font-family: verdana; font-size: 8pt; font-weight: none; color: #05519A; }
.calendar:visited	{ font-family: verdana; font-size: 8pt; font-weight: none; color: #05519A; }
.calendar:hover		{ font-family: verdana; font-size: 8pt; font-weight: none; color: #05519A; }

.bdd			{ background-color: #F5F5F5; background-image: url('../images/fleche-menu.gif'); }
.web			{ background-color: #EAF0F6; }
.formations		{ background-color: #EAF0F6; }

.calendrier			{ font-size: 10px; }
.calendrierListe	{ font-size: 10px; background-image: url('../images/bg_form_calendrier.gif'); background-position: right; background-repeat: repeat-y; }

.formationOver		{ background-color: #FFFFFF; background-image: url('../images/bg_ligne_calendrier.gif'); }
.formationOut		{ }

.homeOver			{ background-image: url('../images/bg-menu.gif'); }

.menuAdm		{ font-family: verdana; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: left; border-right-width: 0px; }

/*COntrole formulaire style*/

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	/*padding: 5px;
	background-color: #FF3300;
	color : #FFF;*/
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	/*padding: 5px;
	background-color: #C8AA00;
	color : #FFF;*/
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

/* tables jquery tablesorter */
table.tablesorter {font-family:arial;background-color:#CDCDCD;margin:10px 0pt 15px;font-size:8pt;width:100%;text-align:left;}
table.tablesorter thead tr th {background-color:#e6EEEE;border:1px solid #FFF;font-size:8pt;padding:4px;}
table.tablesorter thead tr .header {background-image:url(../tools/JQuery/images/bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer;}
table.tablesorter tbody td {color:#3D3D3D;padding:4px;background-color:#FFF;vertical-align:top;}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image:url(../tools/JQuery/images/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image:url(../tools/JQuery/images/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}

/*TableSorter Blue*/
table.tablesorterblue {font-family:arial;background-color:#CDCDCD;margin:10px 0pt 15px;font-size:7pt;width:100%;text-align:left;}
table.tablesorterblue thead tr th {background-color:#e6EEEE;border:1px solid #FFF;font-size:8pt;padding:4px;color:black;}
table.tablesorterblue thead tr .header {background-image:url(script/jquery/images/bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer;}
table.tablesorterblue tbody td {color:#3D3D3D;padding:4px;background-color:#FFF;vertical-align:top;}
table.tablesorterblue tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorterblue thead tr .headerSortUp {background-image:url(script/jquery/images/asc.gif);}
table.tablesorterblue thead tr .headerSortDown {background-image:url(script/jquery/images/desc.gif);}
table.tablesorterblue thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}


pre {float:left;width:80%;height:auto;font-size:9pt;border-left:3px solid #8dbdd8;background:#F0F0F6;margin:0 auto;padding:0;}
/* Statistiques
*/
.stat_conteneur {width:950px;margin:0 auto;}
.stat_general {float:left;width:100%;}
.stat_carburant {float:left;width:100%;}
.stat_transmission {float:left;width:100%;}
.stat_puissance {float:left;width:100%;}
.groupe {float:right;width:auto;background-color:#E6EEEE;}
.clear {clear:both;}
.pre {float:left;width:330px;padding:0;margin:0;}
.col_gauche {float:left;width:550px;height:auto;}
.col_droite {margin-left:5px;float:left;width:380px;height:auto;}
.left{float:left;}
.gras {font-weight:bold;}
a img {border:0;}

span.titre {background:url(img/titre_mentions.png) repeat-y top left;color:#D31E1F;font-size:15px;font-weight:bold;padding-left:20px;margin-left:30px;}
span.information{color:#676767;font-size:11px;margin:10px;padding:4px;}

.altauto a{color:#CC0000;text-decoration:none;}
.altauto a:hover{color:#CC0000;text-decoration:underline;}
.altauto table {width:100%;text-align:center;border: 1px solid grey;border-collapse:collapse;}
.altauto table th {background-color:#E6EEEE;color:#000000;}
.altauto tr:hover{background-color:#E6EEEE;}
.altauto table td {border-bottom:1px solid grey;}

/*
 * Recrutement
 */

.centrer{margin:0 auto;text-align:center;}
#recrutement{width:600px;height:auto;margin:0 auto;padding:10px;text-align:justify;}
#recrutement span.titre {font-size:18px;font-weight:bold;color:#518EBB;}
#recrutement span.sousTitre{color:#666666;font-size:13px;font-weight:bold;}
#recrutement .header_image {width:100%;height:250px;background:url(../images/challenge2010/technique.png) top left no-repeat;}
#recrutement .header_image_left {float:left;width:200px;height:210px;background:url(../images/recrutement_2.png) top left no-repeat;}
#recrutement .recrut_contenu {float:left;width:370px;margin:10px 10px;}
#recrutement .recrut_contenu_left {float:left;width:370px;margin:0 auto;}
#recrutement .col_gauche{float:left;width:150px;margin:10px 10px;}
#recrutement img {vertical-align:middle;text-align:center;}
#recrutement .col_gauche a {font-size:7pt;}
#recrutement a:hover {text-decoration:underline;}

/*
 * Test menu
 */

ul#menu{margin:0;padding:0;list-style-type:none;width:100%;position:relative;display:block;height:30px;font-size:12px;
	font-weight:bold;background:transparent url(../images/menu/nav_bg.png) repeat-x top left;font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;border-top:1px solid #000000;margin-bottom:20px;
}


#header ul#menu li{display:block;float:left;margin:0;padding:0;}
#header ul#menu li a{font-size:9pt;display:block;float:left;color:#999999;text-decoration:none;font-weight:bold;padding:8px 20px 0 20px;}
#header ul#menu li a:hover{font-size:9pt;color:#FFFFFF;height:22px;background:transparent url(../images/menu/nav_bg.png) 0px -30px no-repeat;}
#header ul#menu li a.current{display:inline;height:22px;background:transparent url(../images/menu/nav_bg.png) 0px -30px no-repeat;float:left;margin:0;}

/*
 * #header .menu {border:none;border:0px;margin:0px;padding:0px;font-size:14px;font-weight:bold;}
 * #header .menu ul{background:#333333;height:35px;list-style:none;margin:0;padding:0;
 * #header .menu li{float:left;padding:0px;}
 * #header .menu li a{background:#333333 url("images/menu/seperator.gif") bottom right no-repeat;color:#cccccc;display:block;font-weight:normal;line-height:35px;margin:0px;padding:0px 25px;text-align:center;text-decoration:none;}
 * #header .menu li a:hover, .menu ul li:hover a{background: #2580a2 url("images/menu/hover.gif") bottom center no-repeat;color:#FFFFFF;text-decoration:none;}
 * #header .menu li ul{background:#333333;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200;}
 * #header .menu li:hover ul{display:block;}
 * #header .menu li li {background:url('images/menu/sub_sep.gif') bottom left no-repeat;display:block;float:none;margin:0px;padding:0px;width:225px;}
 * #header .menu li:hover li a{background:none;}
 * #header .menu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left;}
 * #header .menu li ul a:hover, .menu li ul li:hover a{background:#2580a2 url('images/menu/hover_sub.gif') center left no-repeat;border:0px;color:#ffffff;text-decoration:none;}
 * #header .menu p{clear:left;}
 */