/* ------------------------------------------------------------------------------------
CSS MEDIA SCREEN : master.css
CLIENT :  Fralex Express
CREATION : 12.03.2008
AUTEUR : ASPIX MEDIA - www.aspixmedia.com
----------------------------------------------------------------------------------- */

* {
	margin:0px;
	padding:0px;
	border:0px;
}

body {
	background:#ffffff url(../images/bg_body.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#0c8dbd;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#b6b7ba;
}

h3 {
	color:#9b9c9f;
	font-size:20px;
	font-weight:normal;
	margin-left:0px;
}

h4 {
	font-size:14px;
	font-weight:bold;
}
h4.liste {
	margin:20px 0 5px;
}

/* ---------------------------------------------------------------------------| header |*/

#header {
	width:760px;
	margin-left:10px;
	font-weight:bold;
	font-size:11px;
	height:282px;
	background-color:#ffffff;
}

#headerMenu {
	float:left;
	width:230px;
	height:282px;
	background-image:url(../images/bg_menu.gif);
	background-repeat:repeat-y;
	background-position:bottom;
}

#headerListe {
	padding-top:10px;
	margin-left:40px;
	line-height:29px;
}

#headerImage {
	float:right;
	width:530px;
	height:282px;
	font-size:12px;
	background-color:#ffffff;
}

#headerImageTop {
	height:37px;
	padding-bottom:3px;
}
html>body #headerImageTop {
	height:40px;
	padding-bottom:0px;
}

#headerImageTop p {
	text-align:right;
	padding-right:20px;
	padding-top:12px;
}

/* ---------------------------------------------------------------------------| conteneurs principaux |*/

#conteneur {
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#blocCentre {
	width:780px;
	height:500px;
	font-size:12px;
	background:#ffffff url(../images/bg_conteneur.jpg) repeat-y;
}
/*
html>body #bloc_centre {
	height:auto;
	min-height:500px;
}
*/
#blocGauche {
	float:left;
	width:440px;
	margin-top:35px;
	margin-left:20px;
	padding-bottom:15px;
}
html>body #blocGauche {
	margin-left:30px;
}

#blocGauche li, li {
	margin-left:25px;
	margin-bottom:10px;
	list-style-image:url(../images/fleche.gif);
}

/* ---------------------------------------------------------------------------| accueil |*/

#blocDroitAccueil {
	float:left;
	margin-top:35px;
	margin-left:30px;
	margin-right:31px;
	width:229px;
	padding-bottom:15px;
}

#blocDroitAccueil p {
	margin-left:14px;
	margin-right:14px;
}

#blocDroitAccueil h3 {
	color:#006893;
	font-size:18px;
	padding-top:2px;
	margin-left:14px;
	margin-right:14px;
	font-weight:normal;
}

.nouvelles {
	text-align:right;
	padding-bottom:10px;
}

/* ---------------------------------------------------------------------------| Contact/Équipement/Permis/Services/Transport |*/

#blocCentreContact, #blocCentreEquipement, #blocCentrePermis, #blocCentreServices, #blocCentreTransport {
	background:#ffffff url(../images/bg_conteneur.jpg) repeat-y;
	font-size:12px;
	width:780px;
}

#blocGaucheEquipement, #blocGauchePermis, #blocGaucheServices, #blocGaucheTransport  {
	float:left;
	margin:35px 30px 0 20px;
	width:700px;
}

html>body #blocGaucheEquipement, html>body #blocGauchePermis, html>body #blocGaucheServices, html>body #blocGaucheTransport	{
	margin-left:30px;
}

/* ---------------------------------------------------------------------------| services |*/

#blocDroitServices {
	float:left;
	margin-top:50px;
	margin-left:30px;
	margin-right:31px;
	text-align:center;
	width:229px;
	padding-bottom:15px;
}

#blocDroitServices h3 {
	color:#006893;
	font-size:18px;
	padding-top:2px;
	margin-left:14px;
	margin-right:14px;
	font-weight:normal;
}

#blocDroitServices p {
	margin-left:14px;
	margin-right:14px;
}


/* ---------------------------------------------------------------------------| contact |*/

#blocGaucheContact {
	float:left;
	width:440px;
	height:130px;
}

#adresseGauche {
	float:left;
	width:175px;
	padding-left:8px;
	line-height:17px;
}

#adresseDroite {
	float:left;
	width:180px;
	line-height:17px;
}

#blocDroitContact {
	float:left;
	width:229px;
	height:130px;
	text-align:center;
	padding-top:35px;
	padding-right:30px;
}

#blocDroitContact h4 {
	color:#9b9c9f;
	padding-top:5px;
}

#blocFormContact {
	float:left;
	width:700px;
	margin-top:35px;
	margin-left:20px;
	margin-right:30px;
}
html>body #blocFormContact {
	margin-left:30px;
}

#blocFormContact table {
	border-collapse:collapse;
	/*width:700px;*/
}

#blocFormContact th {
	color:#006893;
	text-align:left;
	border-bottom:2px solid #006893;
	line-height:20px;
}

#blocFormContact .form td {
    padding-top:5px;
}

.frmContact {
	color:#cc0000;
	font-weight:normal;
}

#confirme {
	text-align:center;
	padding-top:50px;
}

.majuscule {
	text-transform: uppercase;
}

/* ---------------------------------------------------------------------------| nouvelles |*/

#blocCentreNouvelles {
	width:780px;
	height:680px;
	font-size:12px;
	background-image:url(../images/bg_conteneur.jpg);
	background-repeat:repeat-y;
	background-color:#ffffff;
	overflow:auto;
}

#blocGaucheNouvelles {
	float:left;
	width:700px;
	margin-top:35px;
	margin-left:20px;
	margin-right:30px;
	padding-bottom:15px;
	line-height:18px;
}
html>body #blocGaucheNouvelles {
	margin-left:30px;
}

#blocGaucheNouvelles h4 {
	color:#006893;
	font-weight:normal;
}

/* ---------------------------------------------------------------------------| footer |*/

#footer {
	border-top:11px solid #a8a9ac;
	background-color:#ffffff;
	clear:both;
	color:#a8a9ac;
	font-size:11px;
	height:40px;
	margin-left:10px;
	width:760px;
}

#footerTextLeft {
	float:left;
	padding-left:20px;
	padding-top:12px;

	text-align:left;
}

#footerTextRight {
	float:right;
	padding-right:20px;
	padding-top:12px;
	text-align:right;
}

/* ---------------------------------------------------------------------------| divers |*/

.soumission {
	color:#cc0000;
}

.fl {
	float:left;
}

a.aspix {
	color:#a8a9ac;
}

#blocDroitImageHaut {
	background-image:url(../images/bloc_droit_haut.gif);
	height:16px;
}

#blocDroitImageCentre {
	background-color:#f2f2f2;
}

#blocDroitImageBas {
	background-image:url(../images/bloc_droit_bas.gif);
	height:16px;
}

/* ---------------------------------------------------------------------------| formulaire |*/

.btnForm {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	border:outset 1px #cccccc;
	background:#999999;
	color:#0c8dbd;
	font-weight:bold;
	background:url(../images/bgBtnForm.gif) repeat-x left top;
}

input.bgFormElement {
	background-color:#F7F3D2;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}

input.bgFormElement2, select.bgFormElement2, textarea.bgFormElement2 {
	background-color:#FFFFFF;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	padding:0 1px;
	border:1px inset #CCCCCC;
}

.y {
	/*font-size:12px;*/
	font-weight:normal;
	margin:0;
}

.yerr {
	/*font-size:12px;*/
	color:#CC0000;
	font-weight:normal;
	margin:0;
}

.msgerr {
	color:#CC0000;
	font-weight:normal;
	margin:20px 0;
}

/* ---------------------------------------------------------------------------| modal popup |*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#D3DEEF;
	border:3px solid gray;
	font-size:12px;
	padding:3px 3px 3px 15px;
	width:425px;
}

.modalValidator {
	margin-left:20px;
	padding-bottom:10px;
}

.modalConfirm {
	height:70px;
	padding-top:20px;
	text-align:center;
	width:400px;
}

.modalConfirm input {
	padding:6px;
}

#modalFormLeft {
	float:left;
	padding-top:2px;
	width:200px;
}

#modalFormLeft p, #modalFormRight p {
	height:25px;
}

#modalFormRight {
	float:right;
	padding-right:15px;
	width:200px;
}

#modalFormButtons {
	clear:both;
	padding-top:15px;
}

#modalFormButtons input {
	padding:6px;
}

p.oblige {
	color:#cc0000;
	text-align:right;
}

h3.titre {
	padding-top:10px;
}



/* ---------------------------------------------------------------------------| calendrier ajax |*/
.cal_ajax .ajax__calendar_container TABLE td {border-bottom:0px;font-weight:normal;padding:0px;height:15px;}
.cal_ajax .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.cal_ajax .ajax__calendar_footer {border-top:1px solid #f5f5f5;font-weight:normal;}
.cal_ajax .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.cal_ajax .ajax__calendar_day {border:1px solid #ffffff;}
.cal_ajax .ajax__calendar_month {border:1px solid #ffffff;}
.cal_ajax .ajax__calendar_year {border:1px solid #ffffff;}

.cal_ajax .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.cal_ajax .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.cal_ajax .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.cal_ajax .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.cal_ajax .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.cal_ajax .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.cal_ajax .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.cal_ajax .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.cal_ajax .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.cal_ajax .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}