img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 970px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -485px; }
		}
		body {
		margin: 0; /* Pour eviter les marges */
		text-align:center; /* pour centrer sous IE */
		/* background-color: #666666;  couleur orignie #636d98 */
	font-family: Arial,Helvetica,sans-serif;
	/*background-position:left top;
	background-repeat:no-repeat;
	background-image:url(/imag/Img_bg.png)*/

	/*height: 100%;
	left:0;
	min-height:744px;
	min-width:970px;
	position:absolute;
	top:0;
	width:100%;
	position: fixed; */
}
h1 {
font-family: Arial,Helvetica,sans-serif;
color: #000033;
font-size: 18px;
font-variant: small-caps;
text-align: center;
}
h2 {
font-family: Arial,Helvetica,sans-serif;
color: #000033;
font-size: 20px;
font-variant: small-caps;
}
/* Pour centrer le site en vertical */
#global {
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 900px;
     height: 630px;
     margin-top: -315px; /* moitié de la hauteur de la div global */
     margin-left: -450px; /* moitié de la largeur de la div global */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.transversales.fr/imag/ombre.png', sizingMethod='scale');
	padding-left: 4px;
	padding-right: 4px;
  background-color: #000033;
}
/* Hack CSS  */
html>body #global {
	filter: none;
	background: url(/imag/ombre.png) repeat-y
	}
#conteneur {
  background-color: #000033;
  width: 900px;
  height:200px;
  margin: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  text-align: left; /* Pour aligner le texte à gauche */
  }
#head {
	float:left;
	width:265px;
	height:117px;
	background: url(/imag/Logoweb.gif) no-repeat left top;
	background-color:#000033;
	
	}
#band {
	float:right;
	width:620px;
	height:140px;
	margin: 5px 5px 5px 5px;
	background-color:#000033;
	}
#memo {
	text-align:center;
	color:#FF6600;
	float:left;
	width:190px;
	height:70px;
	margin-left: 0px;
	margin-top: 5px;
	border-right-style:dashed;
	border-bottom-style:dashed;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-right-width:2px;
	border-bottom-width:2px;
	}
/* CSS pour Menu */
#menu ul
{
float:left;
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-top: 15px;
margin-left: 5px;
background-color: #036;
color: white;
width: 695px;
font-family: Arial,Helvetica,sans-serif;
line-height: 10px;
font-size: 14px;
/* fixes Firefox 0.9.3 */
}
#menu ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#menu ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#menu ul li a:hover
{
background-color: #369;
color: #FFF;
}
#menu #active 
{ 
border-left: 1px solid #fff;
}
#menu #nav span
{
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
/* cancels gap caused by top padding in Opera 7.54 */
font-family: Arial,Helvetica,sans-serif;
line-height: 10px;
font-size: 14px;
background-color: #369;
color: #FF6600;
border-right: 1px solid #fff;
}

/* Fin du Menu et Fin de Head */

/* Boite de confirmation */
div.confirm_hide {
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
	top:0;
	left:0;
	background-color:#000000;
	opacity:0.8;filter:alpha(opacity=80);
	display:none;
}
div.confirm_hide legend {
	text-align:center;
	color:#FF6600;
}
div.confirm_hide fieldset {
	text-align:center;
	padding: 10px;
	width:300px;
	margin : 10px auto;
	border:1px solid #666666;
	background-color:#222222;
}
div.confirm_hide p {
	margin: 5px;
	text-align:center;
	color: #FFF;
	font-size: 13px;
}
	.confirm_hide a {
	text-decoration: none;
	color: #FF6600;
	}
	.confirm_hide a:hover {
	text-decoration: none;
	color: #FFF;
	}
/* CSS pour la page du centre */
#page {
  background-color: #000033;
  width: 900px;
  height:390px;
  margin: 0;
  margin-right: auto;
  margin-top: 0;
  margin-left: auto;
  text-align: left; /* Pour aligner le texte à gauche */
  }
#menugauche {
	float:left;
	width:200px;
	height:390px;
	text-align: center;
	}
.titrMenu {
font-family: Arial,Helvetica,sans-serif;
font-size: 0,9em;
text-decoration: none;
}
.titrMenu a {
	font-size: 0,9em;
	text-decoration: none;
	color: #FFF;
	text-align: center;
}
.titrMenu a:hover {
	font-size: 0,9em;
	text-decoration: none;
	color: #FF6600;
}

.menu1 {
	float: left;
	margin-left: 0;
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	padding-left: 2px;
}
.menu1 a {
	font-size: 0,9em;
	text-decoration: none;
	color: #FFF;
	text-align: center;
}
.menu1 a:hover {
	font-size: 0,9em;
	text-decoration: none;
	color: #FF6600;
}
.menu1 a:active {
	font-size: 0,9em;
	text-decoration: none;
	color: #FF6600;
}
.coffr {
	float: left;
	margin-top: 0;
	margin-left: 0;
	text-decoration: none;
	}
.newsletter {
	float: left;
	width: 190px;
	margin-top: 10px;
	margin-left: 3px;
	padding-top: 3px;
	padding-left: 3px;
	font-size: 13px;
	color: #FF6600;
	background-color: #000033;
}
.NewsL {
	float: left;
	width: 190px;
	height: auto;
	margin-top: 0;
	margin-left: 3px;
	padding-left: 3px;
	font-size: 0.7em;
	color: white;
	background-color: #000033;
	}
	
/* CSS pour page AGENCE */
.imgprincipale {
	float: left;
	width: 680px;
	height: 370px;
	margin-top: 0px;
	margin-left: 5px;
	background: #000033 url(/imag/agence_fond.jpg);
	}
#sphere {
	float: left;
	margin-top: 8px;
	margin-left: 18px;
	width: 190px;
	height: 230px;
}
#sphere p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	}
#titre {
	float: left;
	margin: 0 0 0 0;
	color: #000033;
	font-size: 26px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	}
#textpage {
	float: left;
	width:230px;
	height:180px;
	margin: 5px 0 0 50px;
}
#textpage p {
	font-family: Arial,Helvetica,sans-serif;
	color: #000000;
	font-size: 13px;
}
#plaquette {
	float: left;
	margin: 20px 0 0 80px;
	font-family: Arial,Helvetica,sans-serif;
	text-align:center;
}
#plaquette a {	
	text-decoration: none;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
}
#plaquette a:hover {
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	color: #FF6600;
}

#textlicences {
	float:left;
	margin: 0 0 0 20px;
	width:560px;
	color:#FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
}
#baseline1 {
	float:left;
	margin:2px 0 0 20px;
	width:600px;
	color:#FF6600;
	font-size:20px;
	font-family: Arial,Helvetica,sans-serif;
}
#baseline2 {
	float:left;
	margin:0 0 0 160px;
	color:#FF6600;
	font-size:20px;
	font-family: Arial,Helvetica,sans-serif;
}

/* Fin page AGENCE */

/* Page ETAT D ESPRIT */

.imgfondetatesprit {
	float: left;
	width: 680px;
	height: 370px;
	margin-top: 0px;
	margin-left: 5px;
	background: #000033 url(/imag/etatesprit.jpg);
	}
	
#titresprit {
	float: left;
	margin: 0 0 0 315px;
	color: #FF6600;
	font-size: 26px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	}
#textesprit {
	float:right;
	width:210px;
	height:auto;
	margin-top:4px;
	font-size:13px;
	font-family: Arial,Helvetica,sans-serif;
	color:#FFFFFF;
}
#sstitresprit {
	float:left;
	margin:10px 0 0 330px;
	font-size:20px;
	font-family: Arial,Helvetica,sans-serif;
	color:#FF6600;
}
#sstitresprit2 {
	float:left;
	margin:10px 0 0 320px;
	font-size:20px;
	font-family: Arial,Helvetica,sans-serif;
	color:#FF6600;
}
#sstitresprit3 {
	float:left;
	margin:10px 0 0 295px;
	font-size:20px;
	font-family: Arial,Helvetica,sans-serif;
	color:#FF6600;
}
#seneque {
	float:right;
	width:210px;
	height:80px;
	margin:100px 0 0 80px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
}
#nosvaleurs {
	float:left;
	margin:90px 0 0 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
}
#titresprit2 {
	float: left;
	width:300px;
	margin: 8px 0 0 33px;
	color: #000033;
	font-size: 22px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	}
#titresprit3 {
	float: right;
	margin: -5px 180px 0 0;
	color: #000033;
	font-size: 22px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	}

/* Fin ETAT ESPRIT */
/* CSS pour page INSOLITES - INCENTIVES - SOIREES - ETC */
.titrinsol {
	float: left;
	margin: 0 0 0 55px;
	color: #FF6600;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
		}
.cadr1 {
	float: left;
	margin-top: 10px;
	margin-left: 70px;
	width: 540px;
	height: 60px;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-size: 12px;
	text-align: justify;
	background-color: #000033;
}
.cadr1 a {
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	}
.cadr1 a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #FF6600;
}
.cadr1 a:active {
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
}
.imgcadr1 {
	float: left;
	width: 245px;
	height: 60px;
	padding-right: 15px;
		}
/* Fin page présentation Insolite */

/* CSS pour page Insolites */
.titreinsol {
	float: left;
	width: 480px;
	height: 95px;
	margin: 1px 0 0 20px;
}
.objentr {
	float: left;
	margin: -80px 0 0 20px;
	width: 210px;
	height: 150px;
	padding: 0 5px 5px 5px;
	background: #FF6600;
}
.objentr p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000033;
	text-align: left;
	}
.txtinsol {
	float: left;
	width: 170px;
	height: 250px;
	margin-top: 0;
	margin-left: -415px;
	color: #FFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: justify;
}
.imginsolBagnard {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/bagnard.gif);
}
.imginsolBorsal {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/borsal.gif);
}
.imginsolRichel {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/richel.gif);
}
.imginsolNvxmonde {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/nvxmonde.gif);
}
.imgincent2cv {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/imgincent2cv.gif);
}
.imgincentvoile {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/imgincentvoile.gif);
}
.imgincentzod {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/imgincentzod.gif);
}
.imgincentacti {
	float: left;
	margin-top: 10px;
	margin-left: 180px;
	width: 260px;
	height: 240px;
	background: #000033 url(/imag/imgincentacti.gif);
}
.titrtemoin {
	text-align:center;
	color:#FF6600;
	float:left;
	width:210px;
	height:25px;
	margin-left:25px;
	margin-top:10px;
	}
.temoin {
	text-align:center;
	color:#FFF;
	float:left;
	width:215px;
	height:60px;
	margin-left: 20px;
	border-left-style:dotted;
	border-right-style:dotted;
	border-bottom-style:dotted;
	border-right-color: #FF6600;
	border-left-color: #FF6600;
	border-bottom-color: #FF6600;
	border-right-width:2px;
	border-left-width:2px;
	border-bottom-width:2px;
	}
.temoin p {
	text-align:center;
	color:#FFF;
	font-size: 13px;
}
.imgfich {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 5px;
	}
.fiche {
	float: left;
	width: 208px;
	height: 70px;
	margin-left: 25px;
	margin-top: 15px;
	}
.fiche a {
	color: #FF6600;
	text-decoration: none;
}
.fiche a:hover {
	color: #FFF;
	text-decoration: none;
}
.fiche a:active {
	text-decoration: none;
	color: #FF6600;
}
.suite {
	float: right;
	width: 300px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: right;
	padding-left: 0;
	color: #FFF;
	font-size: 1em;
	text-decoration: none;
}
.suite a {
	color: #FF6600;
	text-decoration: none;
}
.suite a:hover {
	color: #FFF;
	text-decoration: none;
}
.suite a:active {
	text-decoration: none;
	color: #FF6600;
}

/* Fin de page INSOLITES */

/* CSS pour page actu et Page Reference */
.tit {
	float: left;
	width: 495px;
	height: 40px;
	margin: 25px 0 0 20px;
	color: #FF6600;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing: 0;
	}

#imgpage {
	float: left;
	width: 480px;
	height: 180px;
	margin: 20px 0 0 120px;
	padding: 10px 0 0 5px;
	color: #FFF;
	}
/* Page Memo Actu */
#imgctractu {
	float: left;
	width: 450px;
	height: 320px;
	margin-top: 10px;
	margin-left: 20px;
	background: #000033 url(/imag/imag_EFB.jpg);
	}
#imgctractubrest {
	float: left;
	width: 450px;
	height: 320px;
	margin-top: 10px;
	margin-left: 20px;
	background: #000033 url(/imag/brest.jpg);
	}
#imgctracturugby {
	float: left;
	width: 450px;
	height: 320px;
	margin-top: 10px;
	margin-left: 20px;
	background: #000033 url(/imag/rugby.jpg);
	}

#titrctractu {
	float: left;
	width: 650px;
	height: 30px;
	margin: 5px 0 0 20px;
	color: #FF6600;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
	}
#textctractu {
	float: right;
	width: 310px;
	height: 330px;
	margin: -335px 5px 0 0;
	background-color: #0066FF;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 13px;
	text-align: justify;
	padding: 0 3px 0 5px;
	z-index:10;
	/* transparence IE : 0->100 */ 
	filter:alpha(opacity=60);
/* transparence Gecko/Mozilla : 0->1 */
	-moz-opacity:.60;
/* transparence générale : 0->1 */
	opacity:.60;
	list-style: square inside; /* défini la présentation de la liste*/
}
	/* si on s'arrête ici, tout le contenu du bloc 'transparent' sera réellement transparent
donc on va définir une transparence nulle pour le contenu du bloc supérieur */
#textctractu p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 13px;
	text-align: justify;
	padding: 0 3px 0 5px;
}
#textctractu a {
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	}
#textctractu a:hover {
	font-size: 14px;
	text-decoration: none;
	color: #FF6600;
}
#textctractu a:active {
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
}

.suivant {
	float: left;
	margin: 0 0 0 30px;
	color: #FFF;
	padding-right: 10px;
	font-size: 0.9em;
	text-decoration: none;
	text-align: left;
}
.suivant a {
	color: #FF6600;
	text-decoration: none;
}
.suivant a:hover {
	color: #FFF;
	text-decoration: none;
}
.suivant a:active {
	text-decoration: none;
	color: #FF6600;
}

/* Page mentions légales */
#mention {
	float: left;
	width: 315px;
	height: 160px;
	margin: 10px 0 0 20px;
	padding: 5px 0 0 5px;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 13px;
	border-left: 1px dashed #fff;
	border-right: 1px dashed #fff;
}
#cnil {
	float: left;
	width: 655px;
	margin-left: 20px;
	margin-top:20px;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 13px;
	padding: 5px;
	border: 1px solid #fff;
}
/* fin mentions légales */

/* Page partenaires */
.partenaire {
	float: left;
	width: 680px;
	height: 280px;
	margin: 3px 0 0 10px;
	padding: 0 0 0 0;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 12px;
	background-color: #000033;
}
.lienpart {
	float: left;
	width: 320px;
	height: 82px;
	margin: 0 5px 0 0;
	padding: 0 15px 10px 0;
	text-decoration: none;
	text-align: justify;
}
.lienpart a {
	text-decoration: none;
	color: #FFF;
}
.lienpart a:hover {
	text-decoration: none;
	color: #FF6600;
	
}
.lienpart a:active {
	text-decoration: none;
	color: #FFF;
}
.imgpart {
	float: left;
	margin: 3px 5px 0 0;
	text-decoration: none;
}

/* Fin Page Partenaires */
/* Page Actualités */
#fond_actualite {
	float: left;
	width: 700px;
	height: 390px;
	background: #000033 url(/imag/fond_actualites.jpg);
}

#titractu {
	float: left;
	width: auto;
	height: auto;
	margin: 10px 0 0 20px;
	color: #FF6600;
	font-size: 26px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	background-color:#000033;
	}
#sstitre {
	float: left;
	width: 140px;
	height: 30px;
	margin: 8px 0 0 0px;
	color: #FF6600;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing: -1px;
	}
#textpageactu {
	float: left;
	width: 680px;
	height: 310px;
	margin: 5px 0 0 10px;
	padding: 10px 0 0 5px;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
}
.actu {
	float: left;
	width: 260px;
	height: 110px;
	margin:25px 0 20px 65px;
	font-size: 0.9em;
	text-decoration: none;
	text-align: left;
	background-color: #000033;
}
.actu a {
	font-size: 0.9em;
	text-decoration: none;
	color: #FFF;
}
.actu a:hover {
	font-size: 0.9em;
	text-decoration: none;
	color: #FF6600;
}
.actu a:active {
	font-size: 0.9em;
	text-decoration: none;
	color: #FFF;
}
.img {
	float: left;
	margin: 0 5px 15px 0;
	text-decoration: none;
}
	
/* PAGE ACTUALITE DETAIL*/
div.fondactudetail {
	float: left;
	width: 700px;
	height: 390px;
background: #000033 url(/imag/fond_actu_detail.jpg);

}
#titractudetail {
	float: left;
	width: 550px;
	height: auto;
	margin: 2px 0 0 2px;
	color: #FF6600;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
	}
#infoactudetail {
	float: right;
	width: 145px;
	height: auto;
	margin: 5px 2px 0 0;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
}
.actudetail {
	float: left;
	width: 310px;
	height: 320px;
	padding: 0 5px 0 5px;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 0.9em;
	text-align: justify;
	border-left: 1px solid #ff6600;
}
.textactudetail {
	float: left;
	margin:3px 0 0 15px;
	width: 300px;
	height:320px;
	padding: 10px 0 0 20px;
	font-family: Arial,Helvetica,sans-serif;
	color: #000000;
	font-size: 0.9em;
	text-align: justify;
	border-left: 3px double #ff6600;
}

.imgdetail {
	float: left;
	padding: 0 5px 2px 0;
}
.imgdetail2 {
	float: right;
	padding: 0 5px 2px 2px;
}
.suiv {
	float: right;
	width:320px;
	margin:5px 5px 0 0;
	padding-right: 10px;
	font-size: 0.9em;
	text-decoration: none;
	text-align:right;
}
.suiv a {
	color: #FF6600;
	text-decoration: none;
}
.suiv a:hover {
	color: #FF9900;
	text-decoration: none;
}
.suiv a:active {
	text-decoration: none;
	color: #FF6600;
}
.page {
	float: right;
	margin:0 5px 0 0;
	padding-right: 10px;
	font-size: 0.8em;
	text-decoration: none;
}
.page a {
	color: #FF6600;
	text-decoration: none;
}
.page a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.page a:active {
	text-decoration: none;
	color: #FF6600;
}

/* Page Metiers */
/* Menu de la page Métiers */
#mmetier ul
{
float:left;
text-align: center;
padding-bottom: 0;
padding-top: 0;
padding-left: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-top: 0;
margin-left: 30px;
background-color: #036;
color: white;
width: 650px;
font-family: Arial,Helvetica,sans-serif;
line-height: 11px;
font-size: 13px;
/* fixes Firefox 0.9.3 */
}
#mmetier ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#mmetier ul li a
{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0;
padding-top: 0;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#mmetier ul li a:hover
{
background-color: #369;
color: #FFF;
}
#mmetier #active 
{ 
border-left: 1px solid #fff;
}
#mmetier #encours {
background-color: #369;
color: #FF6600;
}

/* Fin menu page métiers */
#titrmetier {
	float: left;
	width: 240px;
	height: 30px;
	margin: 20px 0 0 -310px;
	color: #FFFFFF;
	font-size: 22px;
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing: 0;
	}
.imgmetiersem {
	float: left;
	width: 480px;
	height: 360px;
	margin-top: 10px;
	margin-left: 0;
	background: #000033 url(/imag/imgsem.jpg);
	}
.imgmetiereve {
	float: left;
	width: 480px;
	height: 360px;
	margin-top: 10px;
	margin-left: 0;
	background: #000033 url(/imag/imgevent.jpg);
	}
.imgmetierchal {
	float: left;
	width: 480px;
	height: 360px;
	margin-top: 10px;
	margin-left: 0;
	background: #000033 url(/imag/imgchal.jpg);
	}
.imgmetiervoy {
	float: left;
	width: 480px;
	height: 360px;
	margin-top: 10px;
	margin-left: 0;
	background: #000033 url(/imag/imgvoy.jpg);
	}

#textcadrd {
	float: left;
	width: 295px;
	height: 350px;
	margin: 15px 0 0 -90px;
	background-color: #FF6600;
	z-index:10;
	/* transparence IE : 0->100 */ 
	filter:alpha(opacity=60);
/* transparence Gecko/Mozilla : 0->1 */
	-moz-opacity:.60;
/* transparence générale : 0->1 */
	opacity:.60;
	list-style: square inside; /* défini la présentation de la liste*/
}
	/* si on s'arrête ici, tout le contenu du bloc 'transparent' sera réellement transparent
donc on va définir une transparence nulle pour le contenu du bloc supérieur */
#textcadrd p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 13px;
	text-align: justify;
	padding: 0 10px 0 10px;
}
#textcadrd2 {
	float: left;
	width: 275px;
	height: 330px;
	margin: 15px 0 0 -80px;
	background-color: #fff;
	z-index:10;
	/* transparence IE : 0->100 */ 
	filter:alpha(opacity=60);
/* transparence Gecko/Mozilla : 0->1 */
	-moz-opacity:.60;
/* transparence générale : 0->1 */
	opacity:.60;
	list-style: square inside; /* défini la présentation de la liste*/
}
	/* si on s'arrête ici, tout le contenu du bloc 'transparent' sera réellement transparent
donc on va définir une transparence nulle pour le contenu du bloc supérieur */
#textcadrd2 p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	font-family: Arial,Helvetica,sans-serif;
	color: #000033;
	font-size: 13px;
	text-align: justify;
	padding: 0 10px 0 10px;
}
#textcadrd2 li{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	font-family: Arial,Helvetica,sans-serif;
	color: #000033;
	font-size: 13px;
	text-align: justify;
	padding: 0 10px 0 10px;
}

/* Fin page Metiers */
/* Page News Letter */
.titform {
	float: left;
	width: 220px;
	height: 30px;
	margin: 15px 0 0 55px;
	color: #FF6600;
	font-size: 20px;
	font-family: Arial,Helvetica,sans-serif;
}

#form {
    float: left;
	width: 280px;
	height: 300px;
	margin: 15px 0 0 20px;
	background-color: #000033;
	}
form.formnews legend {
   padding-right: 0.4em;
   padding-left: 0.4em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   background-color: #369;
  }

form.formnews fieldset
  {
  color: #FF6600;
  background-color: #000033;
  padding: 0.2em 0 0.5em 1em;
  border: 1px solid white;
  line-height: 1.1em;
  }
form.formnews label
  {
  display: inline;
  float: left;
  width: 80px;
  text-align: left;
  padding-right: 0.3em;
  color: #FFF;
  } 
.valid
  {
  color: #FF6600;
  font-size: 0.6em;
  text-align: right;
	 }
.titrdtnews {
	float: left;
	width: 340px;
	height: 30px;
	margin: 15px 0 0 65px;
	color: #FF6600;
	font-size: 20px;
	font-family: Arial,Helvetica,sans-serif;
}
.telnews {
	float: left;
	width: 290px;
	height: 300px;
	margin: 15px 0 0 23px;
	padding: 0 1.5em 0 1.5em;
	border-left-color: #FF6600;
	border-left-style: dotted;
	color: #FFF;
	}
.telnews a {
	text-decoration: none;
	color: #FFF;
}
.telnews a:hover {
	text-decoration: none;
	color: #FF6600;
}
.telnews a:active {
	text-decoration: none;
	color: #FFF;
}
.vignews {
	float: left;
	width: 95px;
	height: 150px;
	text-align: center;
}
.textnews {
	float: left;
	margin: 15px 0 0 0;
	width: 290px;
	height: 40px;
	text-align: center;
}
 /* Fin Page News Letter */ 
 
 /* Page Clients */
.formlog legend {
   padding-right: 0.4em;
   padding-left: 0.4em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   background-color: #369;
   color: #FF6600;
   border: 1px dotted #FFF;
  }

.formlog fieldset
  {
  margin: 0 0 0 45px;
  width: 300px;
  height: 150px;
  padding: 0.2em 0 0.5em 1em;
  border: 1px solid white;
  line-height: 1.3em;
  background-color: #036;
  }
.formlog label
  {
  display: inline;
  float: left;
  width: 110px;
  text-align: left;
  padding-right: 0.3em;
  color: #FFF;
  } 
.valid
  {
  color: #FF6600;
  font-size: 0.6em;
  text-align: right;
	 }
.baslog {
  width: 425px;
  height: 80px;
  color: #FFF;
  text-align: center;	
}
	 
/* fin page Clients */
/* CSS pour page Intervenants */
.imginterv {
	float: left;
	width: 469px;
	height: 310px;
	margin-top: 1px;
	margin-left: 30px;
	background: #000033 url(/imag/degaby.jpg);
	}
.imginterv2 {
	float: left;
	width: 469px;
	height: 310px;
	margin-top: 1px;
	margin-left: 30px;
	background: #000033 url(/imag/stnicolas.jpg);
	}
.imginterv3 {
	float: left;
	width: 469px;
	height: 310px;
	margin-top: 1px;
	margin-left: 30px;
	background: #000033 url(/imag/amb4.jpg);
	}
	
.interv {
float: left;
margin-top: 10px;
margin-left: 0;
}
#devdur {
	float: left;
	margin-top: 75px;
	margin-left: -490px;
	width: 200px;
	height: 240px;
	padding: 0 5px 5px 5px;
	background: #FFF;
	z-index:10;
	/* transparence IE : 0->100 */ 
	filter:alpha(opacity=80);
/* transparence Gecko/Mozilla : 0->1 */
	-moz-opacity:.80;
/* transparence générale : 0->1 */
	opacity:.80;
	list-style: square inside; /* défini la présentation de la liste*/
}
	/* si on s'arrête ici, tout le contenu du bloc 'transparent' sera réellement transparent
donc on va définir une transparence nulle pour le contenu du bloc supérieur */
#devdur p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	color: #000033;
	text-align: justify;
	}
#devdur li {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	color: #000033;
	padding-left: 5px;
	text-align: justify;
	}
#titreinterv {
	float: left;
	width: 260px;
	height: 55px;
	margin: 10px 0 0 20px;
	color: #FF6600;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing: 0;
	}
#textinterv {
	float: right;
	width: 310px;
	height: 370px;
	margin: -380px 5px 0 0;
	background-color: #FF6600;
	padding: 0 0 0 5px;
	z-index:10;
	/* transparence IE : 0->100 */ 
	filter:alpha(opacity=60);
/* transparence Gecko/Mozilla : 0->1 */
	-moz-opacity:.60;
/* transparence générale : 0->1 */
	opacity:.60;
	list-style: square inside; /* défini la présentation de la liste*/
}
	/* si on s'arrête ici, tout le contenu du bloc 'transparent' sera réellement transparent
donc on va définir une transparence nulle pour le contenu du bloc supérieur */
#textinterv p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	font-family: Arial,Helvetica,sans-serif;
	color: #000000;
	font-size: 14px;
}
.quizz {
	float: left;
	margin: -70px 0 0 15px;
	width: 200px;
	height: 50px;
	}
#nosinterv {
	float: left;
	margin: -10px 0 0 1px;
	width: 230px;
	height: 255px;
	padding: 5px 5px 5px 5px;
	background: #FF6600;
	z-index:10;
	/* transparence IE : 0->100 */ 
	filter:alpha(opacity=80);
/* transparence Gecko/Mozilla : 0->1 */
	-moz-opacity:.80;
/* transparence générale : 0->1 */
	opacity:.80;
	list-style: square inside; /* défini la présentation de la liste*/
}
	/* si on s'arrête ici, tout le contenu du bloc 'transparent' sera réellement transparent
donc on va définir une transparence nulle pour le contenu du bloc supérieur */
#nosinterv p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	color: #000033;
	text-align: justify;
	}
#titrenosinterv {
	float: left;
	width: 170px;
	height: 55px;
	margin: 10px 0 0 20px;
	color: #FF6600;
	font-size: 24px;
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing: -1px;
	}
#textnosinterv {
	float: left;
	width: 430px;
	height: 250px;
	margin: 1px 0 0 20px;
	color: #FFF;
}
#textnosinterv p {
	font-family: Arial,Helvetica,sans-serif;
	color: #FFF;
}
.frise {
	float: left;
	width: 685px;
	height: 41px;
	margin: 0 0 0 0;
	background: #000033 url(/imag/friseOran.gif);

}
/* Fin page Intervenants */

/* CSS footer */
#pied
{
float:left;
text-align: right;
margin-top: -5px;
background-color: #000033;
color: white;
width: 900px;
height: 50px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
/* fixes Firefox 0.9.3 */
}
#pied #nav li {
  display: inline;
  background-color: #000033;
  margin: 0;
  margin-right: 5px;
  text-decoration: none;
}
#pied #nav li a 
{
padding-left: 5px;
padding-right: 10px;
color: white;
text-decoration: none;
border-left: 1px solid #fff;  
font-size: 12px;
}
#pied #nav li a:hover
{
background-color: #369;
color: #FFF;
}
#pied #nav span
{
  background-color: #369;
  color: #FF6600;
  font-size: 12px;
  border-left: 1px solid #fff;  
  padding-left: 5px;
  padding-right: 10px;
}

#piedadress {
	width: 896px;
	height:18px;
	margin: -8px 5px 5px 2px;
	background-color:#036;
	text-align: center;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
}