/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body {
	background:#FFFFFF url(../images/fond.jpg) top repeat-x;
	color:#575850;
	font-family: Arial, Verdana, "Trebuchet MS", helvetica, sans-serif;
	font-size:12px;
}

h1 {
	color:#575850;
	font-size: 14px;
	font-weight:bold;
	padding-bottom:15px;
	margin-top: 15px;
}

h2 {
	color:#575850;
	font-size: 1.3em;
}

h3 {
	color:#575850;
	font-size: 1.17em;
}

h4 {
	color:#575850;
	font-size: 1em;
}

h5 {
	color:#575850;
	font-size: 0.83em;
}

h6 {
	color:#575850;
	font-size: 0.67em;
}

p {
	color:#575850;
	font-size: 1em;
}

ul, ol {
	color:#575850;
	font-size: 1em;
}

li {
	color:#575850;
	font-size: 1em;
}

a {
	color:#575850;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
} /* si changement de couleur au survol */

a:visited {
} /* si changement de couleur après le clic */

input {
	border-width:thin;
	padding:3px;
}

textarea {
	border-width:thin;
	padding:3px;
}


/* YZEO footer */

#yzeo p {
	color:#666;
	font-size: 1em;
}

#yzeo ul, #yzeo ol {
	color:#666;
	font-size: 1em;
}

#yzeo li {
	color:#666;
	font-size: 1em;
}

#yzeo a {
	color:#666;
	text-decoration:underline;
}

#yzeo a:hover {
	text-decoration:none;
} /* si changement de couleur au survol */

#yzeo a:visited {
} /* si changement de couleur après le clic */



/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft {	float:left;	margin-right:1em;}
.imgRight {	float:right; margin:0 0 0 1em;}

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { 	vertical-align:bottom; }
.aligncenter {	margin: 0 auto;	text-align: center;}

/* Des classes d'alignement du texte */
.h1index {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:10px 0 0 0;
	color:#FFFFFF;
	text-transform:uppercase;
}

.left { text-align: left; }
.right {text-align: right;}
.center {	text-align: center;}
.justify {	text-align: justify;}


/* Des classes de formatage du texte en ligne */
.bold, .gras {	font-weight: bold;}
.italic, .italique {	font-style: italic;}
.strike, .barre {	text-decoration: line-through;}
.orange {	color: #FB6E3D;}

/* Des classes flotante */
.floatleft {	float: left;}
.floatright {	float: right;}

/* Les "nettoyeurs" */
.clearb { clear: both;}
.clearer { clear: both; width: 0; height: 0; line-height: 0;}

/* Formulaire de contact */
#frmEnvoi {	width:875px;}
#frmEnvoi #formL { margin-right: 15px; float: left; width: 430px; text-align: left;} /* partie gauche du formulaire */
#frmEnvoi #formR { float: right; width: 400px; text-align: left;} /* partie droite du formulaire */
#frmEnvoi label{ margin-right: 5px; }
#frmEnvoi input, textarea {
	background-color:transparent;
	border-width:thin;
}

#frmEnvoi select {
	background-color:#D7DC86;
}

#frmEnvoi input:focus, #frmEnvoi textarea:focus {
	background-color:#E8EC95;
}

#frmEnvoi .field {
	text-align:right;
}

#frmEnvoi .champ {
	border:none;
	border:#000000 inset 1px;
	padding:5px;
	background-color:#D7DC86;
}

#frmEnvoi .champ:focus {
}

#frmEnvoi #code {
	border:none;
	border:#000000 inset 1px;
	padding:5px;
	background-color:#FFFFFF;
}

#frmEnvoi #code:focus {
}

#frmEnvoi #send2 {
	border-color:#000000;
	background-color:#D7DC86;
	cursor: pointer;
}

#frmEnvoi #send2:hover {
	background-color:#E8EC95;
}

#frmEnvoi input[type="button"], #frmEnvoi input[type="file"] {
	background-color:#D7DC86;
}

#frmEnvoi input[type="button"]:hover, #frmEnvoi input[type="file"]:hover {
	background-color:#E8EC95;
}

/* Intro */
#intro {
	background:url(../images/fond-intro.jpg) repeat-x;
	padding:42px 0 10px 0;
}

#introFooter {	padding-top:20px;}

.fix-intro {
	width:504px;
	margin:0 auto;
}

/* Fieldset */

fieldset {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #fb6f3e;
	padding:10px;
}

legend {padding: 0 5px;}


/*------------------------- Corrections styles de merde V*m -----------------------------*/

/************* ACCUEIL **************/

.col-left {
	width: 30%;
	float:left;
	margin-right: 5px;
	margin-top:10px;
}

.col-left p img { /* On cible les images avec les logos */
	margin-top: 10px;
}

.col-txtdroit {
	width: 160px;
	float:right;
	padding: 20px 10px;
	background-color: #FEFEFE;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #635F5E;
	text-align: left;
}

.col-centre {
	width: 366px;;
	float:left;
	padding: 20px 10px;
	margin-top: 20px;

	text-align: left;
}

.col-right {
	margin-left: 5px;
	margin-top: 20px;
	float:right;
	width:220px;
}

#slogan {
	float: right; width:600px; height:10px;
}

.accueil2 { margin-left:45px; }

/* Encarts */

.encart {
	font-size: 12px;
	margin-bottom: 10px;
	background-color:#C3D343;
	width: 250px;
}

div.encart[class~="aligncenter"] {/* astuce styles spécifiques à l'encart centré dans "Recrutement" */
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 1.1em;
}

.bg-top {
	background:url(../images/bg-top.gif) no-repeat top left;
	height: 25px;
	border-right: 2px solid #FFFFFF;
}

.bg-bottom {
	background:url(../images/bg-bottom.gif) no-repeat bottom right;
	height: 25px;
	border-left: 2px solid #FFFFFF;
}

.encart-inner {
	padding: 0 12px;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

.btn { /* Les 2 boutons en image */
	position: relative;
	bottom: 8px;
	left: 8px;
	width: 160px;
}

a.puce {
	background:url(../images/puce.gif) no-repeat left top;
	padding-left: 20px;
}


/************* PRESENTATION **************/

/* Menu */

ul#menu {
	float: left;
	margin-left: 0;
	padding-left: 0;
}

ul#menu li {
	list-style-type:none;
	margin-top: 3px;
}

a.btn {
	display: block;
	width: 250px;
	height: 44px;
	background: transparent url(../images/btn-menu.png) no-repeat 0 0;
	color: #575850;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	padding-top: 10px;
	outline:none;
}

a.btn:hover {
	color: #fb6f3e;
}

a.actif {
	color: #fb6f3e;
}



/************* NOS SOLUTIONS **************/

.contenu-spry {
	float: right;
	width: 610px;
}

.contenu-spry h1{
	text-transform:uppercase;
}

.contenu-spry h2 {
	color: #FB6E3D;
	font-weight: bold;
}

.contenu-spry h3 {
	color: #575850;
	font-weight: bold;
}

.contenu-spry table {
	border: 1px solid #c4d344;
	border-collapse: collapse;
}

.contenu-spry table th, .contenu-spry table td {
	border:1px solid #c4d344;
	padding:5px;
	width: 33%;
}


/************* INFOS UTILES **************/

.infos {
	width: 700px;
	margin-left: 130px;
	padding-top: 15px;
	font-size: 0.9em;
}

.infos2 {
	width: 700px;
	margin-left: 170px;
	padding-top: 15px;
	font-size: 0.9em;
}

.infos div, .infos2 div {
 	margin: 0 30px;
}



/************* REFERENCES **************/

.references {
	margin-left: 40px;
	text-align:center;
	width: 860px;
}



/* -- Reliquats styles V*m ---------------------------------------------------------------- */

.contentright {
	width:380px;
	float:right;
}

.buillet {
	margin-top:3px;
	margin-bottom:5px;
	margin-right:5px;
	vertical-align:middle;
}

.contentright2 {
	width:586px;
	float:right;/*border:1px solid #c4d344;*/
}

sub {
	vertical-align:sub;
	font-size:10px;
}

sup {
	vertical-align:super;
	font-size:10px;
}

.middle {
	vertical-align:middle;
	margin-top:-20px;
}

.selectform {
	height:20px;
	vertical-align:middle;
}



/* ------------------------------------------------------------------------------------------------------ */

/* Encore les restes de la merde estampillée V*m */

.imageleft1 {
	width:165px;
	height:258px;
	float:left;
	padding-right:47px;
	text-align:center;
}

.align-img {
	vertical-align:middle;
	text-align:center;
}

.img1 {
	margin-left:20px;
}

.video1 {
	width:320px;
	height:295px;
	float:left;
}

.contentrightviedeo {
	width:230px;
	height:295px;
	float:right;
}

.animation1 {
	width:570px;
	height:420px;
	margin:0 auto;
	border:1px solid #999999;
}

.imagemindle {
	vertical-align:middle;
}

.width1 {
	width:172px;
}

.width2 {
	width:173px;
}

.width3 {
	width:123px;
}

.width4 {
	width:125px;
}