/*
	Rémy Savard [iXmedia.com]
	global.css - Mise en page
	Dernière modification: 30 octobre 09
------------------------------------------------- */

@import url("reset.css"); /* Éric Meyer's Reset */

																						/* -- [ Styles de base ]  -- */

* {margin: 0; padding: 0;}
html, body {height:100%;}
html {font-size: 62.5%;}
body {
	background: #071525 url(/img/bg.jpg) repeat-y center top;
	color:#231f20;
	font-size:1.3em;
	line-height:1.3;
	font-family: Arial, Sans-Serif;
}
a, a:visited {color:#3a67a4; text-decoration:underline;}
a:hover, a:active {text-decoration:none;}
a img {border: none;}
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p, ul, ol, dl, table {margin:0 0 1em 0;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
hr {background:#000;border:none;clear:both;color:#000;height:1px;margin:1em 0;}

/* [ Titres ] -------------------*/
h2 {
	color: #3a67a4;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 15px;
}

/* [ Formulaires ] -------------------*/
form ul {list-style:none;float:left;margin-bottom:2.5em;width:400px;}
form ul li {width:100%;margin-bottom:7px;}
form label, form span {float:left;font-weight:bold;margin-right:10px;width:125px;}
form input, form select, form textarea {display:block;float:left;width:215px;}
form input {border:1px solid #000;padding:2px 0 2px 2px; width:218px;}
form select {width:auto;}
form button {
	background: url(/img/bg-soumettre.gif) no-repeat left center;
	border: none;
	color:#ed562b;
	clear: both;
	cursor:pointer;
	float: left;
	font-weight: bold;
	padding:8px 0 8px 36px;
	text-transform: uppercase; }

form ul ul {margin:0;width:auto;}
form ul ul li {float:left;margin:0 10px 0 0;width:auto;}
form ul ul label, form ul ul input{line-height:1;width:auto;}

	
form #poste {width: 80px; }

form #typeSoumission {display: none;}

#page {margin:0 auto;padding-top: 416px;position:relative;width:961px;}
body.bg-01 #page {background: url(/img/bg-01.jpg) no-repeat center top;}
body.bg-02 #page {background: url(/img/bg-02.jpg) no-repeat center top;}
body.bg-03 #page {background: url(/img/bg-03.jpg) no-repeat center top;}

/* [ Lien accueil ] -------------------*/

#lien-accueil {
	display:block;
	height:170px;
	position:absolute;
	right:109px;
	text-indent:-9999px;
	top:164px;
	width:127px;
}

#lien-accueil img {
	display: none;
}

/* [ Menu ] -------------------*/
#menu {
	background: #071025;
	font-size: 11px;
	padding:0 172px 0 28px;
}

#menu ul {
	float: right;
	margin: 0;
}

#menu li {
	float: left;
}

#menu a, #menu a:visited  {
	color: #fff;
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}


#menu li.active a, #menu li.active a:visited  {
	background: #fff;
	color: #1c427e;
}


.soumission a, .soumission a:visited {
	background: url(/img/bg-soumission.jpg) repeat-y center top;
	width: 191px;
}

#menu a:hover, #menu a:active {
	background: #004990;
}

/* [ Contenu ] -------------------*/
#contenu {
	padding:0 28px;
}

.colonne-principale {
	background: #fff;
	float: left;
}

.colonne-secondaire {
	float: left;
}

.colonnes {
	float: left;
}

h2 a, h2 a:visited {
	text-decoration: none;
}

																						/* -- [ Accueil ] -- */

#accueil .colonne-principale {padding: 35px 0;}
#accueil .colonnes {border-left: 1px solid #d5d7dc;border-right: 1px solid #a1a5b1; padding: 0 15px 0 20px;height:160px;width: 264px;}
#accueil .premier {border-left: none;}
#accueil .dernier {border-right: none;}

#accueil h2 {float:left;padding: 7px 0 7px 38px;width:215px;}
#accueil h2.automobile {background: url(/img/ico-automobile.gif) no-repeat left center;color:#ed562b;}
#accueil h2.habitation {background: url(/img/ico-habitation.gif) no-repeat left center;color:#315e9b;}
#accueil h2.entreprise {background: url(/img/ico-entreprise.gif) no-repeat left center;color:#1c92dd;}
#accueil h2.automobile a, h2.automobile a:visited {color:#ed562b;}
#accueil h2.habitaion a, h2.habitaion a:visited {color:#315e9b;}
#accueil h2.entreprise a, h2.entreprise a:visited {color:#1c92dd;}

#accueil .colonnes p {font-size: 1.2em;}

												
																						/* -- [ Nouvelles ] -- */
																						
#nouvelles .colonne-principale img {float:left;width: 258px;}
#nouvelles .colonne-principale .interieur {float:left;padding: 20px 45px 10px 45px;width: 556px;}


																						/* -- [ Qui sommes nous ] -- */
																						
#qui-sommes-nous .colonne-principale img {float:left;width: 355px;}
#qui-sommes-nous .colonne-principale .interieur {float:left;padding: 20px 45px 10px 45px;width: 459px;}
												
																						/* -- [ Offre d'emlpoi ] -- */
																						
#offre-emploi .colonne-principale img {float:left;width: 258px;}
#offre-emploi .colonne-principale .interieur{float:left;padding: 20px 45px 10px 45px;width: 556px;}


																						/* -- [ Nous joindre ] -- */
			
#nous-joindre {color: #002e66;}

#nous-joindre .colonne-principale {padding:20px 0 10px 25px;}
#nous-joindre .colonnes {font-size: .9em;padding: 0 30px 0 0;width: 154px;}

#nous-joindre .titre {padding-right: 20px;}
#nous-joindre h2 {border-bottom: 1px solid #6682a3;color: #002e66;line-height: 1;font-size: 1em;font-weight: bold;}
#nous-joindre h2 span {border-bottom: 1px solid #99abc2;display: block;padding: 0 0 5px 0;}
#nous-joindre .colonnes a, #nous-joindre .colonnes a:visited {color: #002e66;font-weight: bold;text-decoration: none;text-transform: uppercase;}

																						
																						/* -- [ Soumission ] -- */

#soumission .soumission a, #soumission .soumission a:visited  {color: #ed562b;background: #fff;}

#soumission .colonne-principale {padding: 35px 0;}
#soumission .colonnes {border-left: 1px solid #fff;border-right: 1px solid #fff; padding: 0 15px 0 20px;height:160px;width: 264px;}
#soumission .premier {border-left: none;}
#soumission .dernier {border-right: none;}

#soumission h2 {float:left;padding: 7px 0 7px 38px;width:215px;}
#soumission h2.automobile {background: url(/img/ico-automobile.gif) no-repeat left center;color:#ed562b;}
#soumission h2.habitation {background: url(/img/ico-habitation.gif) no-repeat left center;color:#315e9b;}
#soumission h2.entreprise {background: url(/img/ico-entreprise.gif) no-repeat left center;color:#1c92dd;}
#soumission h2.automobile a, h2.soumission a:visited {color:#ed562b;}
#soumission h2.habitaion a, h2.soumission a:visited {color:#315e9b;}
#soumission h2.entreprise a, h2.soumission a:visited {color:#1c92dd;}

#soumission .colonnes p {font-size: 1.2em;}

																						/* -- [ 404 ] -- */

#page404 .colonne-principale {
	padding: 35px;
}

																						/* -- [ Class ] -- */

/* [ Couleurs ] -------------------*/
.bleu {
	color: #3a67a4;
}

/* [ Reset ] -------------------*/
.dernier, .zero {margin:0!important;}

/* [ Texte ] -------------------*/
.petit {font-size:.9em;}
.grand {font-size:1.1em;}

/* [ Allignements ] -------------------*/
.centre {text-align:center;}
.gauche {float:left;}
.droite {float:right;}

/* [ Erreurs et Messages ] -------------------*/
.erreur input, .erreur select, .erreur textarea {background:#FFFFEF;border:1px dotted #CF2200;}
.erreur label {color:#ED562B;}
.erreurs {background:#FFFFEF;border:1px dotted #ED562B;border-top:3px solid #ED562B;color:#ED562B;font-weight:bold;margin-bottom:1em;padding:10px;}
.erreurs p {margin:0;}
.erreurs ul {margin: 0;}
.erreurs li {list-style: disc;margin-left: 2.5em;}
.message {background:#FBFFEF;border:1px dotted #346F29;border-top:3px solid #346F29;color:#346F29;font-weight:bold;margin-bottom:1em;padding:10px;}
.message p {margin:0;}

/* [ Clearfix ] -------------------*/
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }
/* -------------------------*/