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

@import url(structure.css);

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

body { color:#096163; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#096163; font-size: 12px; font-weight: bold; padding-bottom: 20px; }
h2 { color:#096163; font-size: 1.3em; }
h3 { color:#096163; font-size: 1.17em; font-weight: bold; }
h4 { color:#096163; font-size: 1em; }
h5 { color:#096163; font-size: 0.83em; }
h6 { color:#096163; font-size: 0.67em; }
p { color:#052338; font-size: 1em; }
ul, ol { color:#052338; font-size: 1em; }
li {  color:#052338; font-size: 1em; }
a { color:#052338; 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; color:#052338; }
textarea { border-width:thin; padding:3px; color:#096163; }
em { }
strong { }


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

/* Placement d'images */
.diapoAccueil{ float:right; margin-left:1em; position:relative; width:305px; height:208px; }
.diapoAccueil2{ float:right; margin-left:1em; position:relative; width:200px; height:208px; }
.diapoActu { float:right; position:relative; width:165px; height:200px; }

.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:0.5em;}

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

/* Des classes d'alignement du texte */
.h1index{  width:100%; padding:0; /*height:20px;*/ height: 20px; position: absolute; left: 0; top: 4px; }
.flash { padding-top: 20px; }
.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; }

/* div#txtnoir * { color: black; }*/

/* 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:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }
#frmEnvoi .champ { border:none; border:#096163 inset 1px; padding:5px; background-color:#FFFFFF; color:#096163; }
#frmEnvoi .champ:focus { }
#frmEnvoi #code {  border:none;  border:#096163 inset 1px; padding:5px; background-color:#FFFFFF; color:#096163; }
#frmEnvoi #code:focus { }
#frmEnvoi #send2 { border-color:#096163;  background-color:#096163; color:#FFFFFF;}


/* Encart avec bors arrondis en bas de page */

div.encart {
	width: 700px;
	padding-top: 44px;
	background: url(../images/fond-encart.gif) no-repeat center top;
}

div.encart-inner {
	font-family: "Comic Sans MS", "Trebuchet MS", helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/fond-encart-inner.gif) center top repeat-y;
}

div.encart-inner p {
	margin: 0 50px 0 50px;
}

div.encart-bottom {
	height: 30px;
	background: url(../images/fond-encart-bottom.gif) center bottom no-repeat;
}


div.encart2 {
	width: 460px;
	padding-top: 44px;
	background: url(../images/fond-encart2.gif) no-repeat center top;
}

div.encart-inner2 {
	font-family: "Comic Sans MS", "Trebuchet MS", helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/fond-encart-inner2.gif) center top repeat-y;
}

div.encart-bottom2 {
	height: 15px;
	background: url(../images/fond-encart-bottom2.gif) center bottom no-repeat;
}


div.encart3 {
	width: 700px;
	padding-top: 44px;
	background: url(../images/fond-encart3.gif) no-repeat center top;
}

div.encart-inner3 {
	font-family: "Comic Sans MS", "Trebuchet MS", helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/fond-encart-inner3.gif) center top repeat-y;
}


div.encart-bottom3 {
	height: 30px;
	background: url(../images/fond-encart-bottom3.gif) center bottom no-repeat;
}




.para-in{
margin-left:30px;
}

.para-in img{
vertical-align:bottom;}

.normal-p img{
vertical-align:bottom;}

.encadre {
	border: 1px dotted #4b80a3;
	padding: 8px;
	background-color: #a2c7f4;
	width: 500px;
	margin-top: 10px;
}

.encadre2 {
	border: 1px dotted #4b80a3;
	background-color: #a2c7f4;
	width: 520px;
}

.bordure {
	border-left: 1px solid #a2c7f4;
	padding-left: 8px;
	/*margin-right:50px;*/
}

/* page Outils */

div#outils {
	text-align:center;
	width:460px;
	/*height: 500px;*/
	/*background-image:url(../images/fond-encart.jpg);*/
	background-repeat:no-repeat;
	margin: 0 auto;
}

div#col-gauche {
	float: left;
}

div#col-droite {
	float: right;
}

/* page Objectifs */

ul#objectifs li {
	line-height: 20px;
	margin-top: 10px;
	list-style-image: url(../images/sign2.png);
}

ul#objectifs li:first-letter {
	font-weight: bold;
}

div#img-objectifs {
	float: right;
	margin-right: 25px;
	_margin-right: 12px;
	/*padding-left: 5px;*/
}


/*--------------------google map--------------------------*/
.plan {
	width: 640px;
	height: 480px;
	border: 2px solid #329497;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #369b9c;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-adresse2 {
	font-size: 13px;
	color: #4B80A3;
	border-bottom: double;  
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

.text-plandusite{
line-height:24px;}

.h1titre{font-size:12px;
font-weight:bold;}

.texte3 { font-family: Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size: 16px;
color:#990000;
text-align:center;}

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

.fix { margin: 0 auto; width: 950px; }
.fix1 { margin: 0 auto; width: 670px; }
.fix2 { margin: 0 auto; width: 808px; }
.fixh1 { margin: 0 auto; width: 670px; height: 20px; }

.strong-center { text-align: -moz-center; !text-align: center; }

.list { vertical-align: middle; margin-left: 0px; margin-right: 10px; }
.list0 { vertical-align: middle; margin-left: 30px; margin-right: 10px; }
.list01 { vertical-align: middle; margin-left: 30px; margin-right: 10px; margin-bottom: 10px; margin-top: 2px; }

.list1 { vertical-align: middle; margin-left: 0px; margin-right: 10px; margin-bottom: 10px; margin-top: 2px; }
.list2 { vertical-align: middle; margin-left: 0px; margin-right: 10px; margin-bottom: 20px; margin-top: 2px; }
.list3 { vertical-align: middle; margin-left: 0px; margin-right: 10px; margin-bottom: 40px; margin-top: 2px; }

.ver { vertical-align: middle; }




#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right;}


.highslide {
	cursor: url("../images/graphics/zoomin.cur"), pointer;
	#cursor: url("images/graphics/zoomin.cur"), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
/*.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
*/
.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 24px;
	background-image: url("../images/graphics/loader.white.gif");
    #background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url("../images/graphics/fullexpand.gif") no-repeat;
	#background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.mar-right { margin-right: 20px; }

.object1 { text-align:left; margin-left:10px; padding:10px 10px 10px 10px; }

.ver1 { vertical-align: middle; #padding-top: 2px; }

.pad-left { padding-left: 32px; }
.pad-left2 { padding-left: 50px;padding-right: 50px; }
.pad-left3 { padding-left: 80px; }

.pad-top { padding-top:20px; }

.liens { width: 550px; margin: 0 auto; border: 1px solid #2e9496; background-color: #e1e9ec; padding: 10px; }

.wid { width: 680px; }


/* Encart Actu Accueil */
.encartActu { float:left; margin-right:1em; position:relative; width:200px; height:240px; background-image:url(../images/fond-encart-actu.png); }
#actudefil p{ padding:2px; }
#scroll { margin-left:5px; text-align:center; }

.effetTxt { font-weight:bold; color:#096163; font-size:13px; text-align:center; padding-top:10px; }
.effetTxtActu { font-weight:bold; color:#096163; font-size:13px; }



.parcours { border:1px dashed #096163; padding:5px; margin:10px 0; width:75%; float:left;
}
.parcours p{ padding:0;
}
.parcours p:first-letter{ font-weight:bold; font-size:1.2em;
}
.parcours2 { border:1px dashed #096163; padding:5px; margin:10px 0; width:75%; float:right;
}
.parcours2 p{ padding:0;
}
.parcours2 p:first-letter{ font-weight:bold; font-size:1.2em;
}