/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; background:url(../media/design/top.gif) repeat-x top}
html, input, textarea	{font-family:Tahoma;color:#484848;	}
input, textarea {border:1px solid #767676;}
.bouton{border:none;}

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{width:100%;}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}
.container2 {overflow:hidden; width: 100%; /margin-top:2%;}

a img{ border:0px}
img{ vertical-align:top;  }

a{color:#234393;font-weight:bold;} 
a:hover{text-decoration:none}
.link1{color:#1c1c1c; text-transform:uppercase; font-family:Tahoma, sans-serif;} 
.link2, .link3{color:#c8251f;; font-weight:bold; float:right;} 
.link2{ text-transform:uppercase; font-size:.8461em; color:#c8251f;} 
.link3{ background:url(../media/design/rss.gif) top right no-repeat; margin:0; padding-right:20px; text-decoration:none; font-size:.916em}
.link3:hover{text-decoration:underline} 

ul{margin:0; padding:0; list-style:none;}
ul li{ line-height:1.5em}
ul li a{color:#ff8400; text-transform:uppercase; text-decoration: underline;} 
ul li a:hover { text-decoration:none; }

#page3 ul li{ line-height:1.33em}

p,label{margin-bottom:7px;text-align:justify;font-size:1em;font-family:Tahoma;}

/*----------------- AJOUTS PERSO -------------------------*/
#texteaccueil{ text-align:justify; color:#1c1c1c; font-size:1em; line-height:1.5em;}
.titreaccueil,h1{ font-size:2em; color:#1c1c1c; font-family:"Myriad Pro Black", "Myriad Pro Light", Tahoma, Arial; font-weight:bold;margin-bottom:15px;}
.soustitre,h2 {font-size:1.5em; color:#1c1c1c; font-family:"Myriad Pro Black", "Myriad Pro Light", Tahoma, Arial; font-weight:bold;text-decoration:none;margin-top:10px;}
.titreAnnonce {font-size:1.5em; color:#c8201e; font-family:"Myriad Pro Black", "Myriad Pro Light", Tahoma, Arial;
	font-weight:bold;text-decoration:underline;margin-top:15px;}
.regarder {float:right; margin-right:10px;}
.rubrique {float:left; margin-left:8px;}
.casevideo { height:10px;}

#page6 #imgcontact {width:100%; margin-bottom:6%;}
#page6 #titrecontact {color:#1c1c1c; font-size:1.2em; font-weight:bold; margin-bottom:5%;}
#page6 textarea {width:95.5%; height:114px; padding:2px; border:1px solid #767676; font-size:1em;}
#page6 input {width:90%; padding:2px; height:16px; border:1px solid #767676;}
#page6 #sujet {width:95.5%; padding:2px; height:16px; border:1px solid #767676;}
#page6 #label {margin-bottom:1%;}
#page6 #phraseform {margin-bottom:3%; display:block;}
#page6 .linkcontact{ text-transform:uppercase; font-size:.8461em; color:#c8251f;; font-weight:bold; display:block; margin-left:87%; margin-top:1%;} 
/*--------------------------------------------------------*/

/*header*/
#header .flash{ margin-top:21px; position:relative}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 2px 25px 2px}
#content .title{  margin-bottom:11px}
#content .title1{  margin:45px 0 8px 0}
#content .line{ background:url(../media/design/tail.gif) repeat-x bottom; padding-bottom:8px; margin-bottom:5px; clear:both;}
#content .lineclear{ padding-bottom:8px; margin-bottom:5px}
#content .line1{ background:url(../media/design/tail.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:9px}
#content .line2{ background:url(../media/design/tail.gif) repeat-x bottom; padding-bottom:11px; margin-bottom:15px}

#content .line4{ background:url(../media/design/tail.gif) repeat-x bottom; padding-bottom:5px; margin:5px 0 15px 204px }
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 10px 10px 0}
#content .img-indent{ margin:0 0 24px 0}
#content .img-indent1{ margin:8px 0 8px 8px;}
#content p{ margin:4px 0 3px 0}
#content .p{ margin:0 0 23px 0}
#content h3{ color:#f4a450; text-transform:uppercase; font-size:1.1em; font-family:Verdana; margin-bottom:3px}
#content .h3{margin-bottom:0px; float:right}
#content h4{ font-size:1em; margin-bottom:5px}
#content h5{ font-size:1em; margin-bottom:5px}
.txt{ font-size:1.1818em; font-weight:bold; float:right}

/*.box*/
.box{width:100%; color:#4f4f4f; font-size:1em; }
.box .border-top {background:url(../media/design/border_top.gif) repeat-x top;}
.box .corner-top-left {background:url(../media/design/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(../media/design/corner_top_right.gif) no-repeat right top;}
.box .indent-box{ padding:30px 30px 0 30px; }
/*.box1*/
.box1{ background:#d6eeff; width:100%; color:#1c1c1c; font-weight:bold; font-size:1em; margin-bottom:12px}
.box2{ background:#d6eeff;}
.box1 .corner-top-left, .box2 .corner-top-left {background:url(../media/design/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right, .box2 .corner-top-right {background:url(../media/design/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left, .box2 .corner-bottom-left {background:url(../media/design/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right, .box2 .corner-bottom-right {background:url(../media/design/corner_bottom_right1.gif) no-repeat right bottom; }
.box1 .indent-box, .box2 .indent-box{ padding:3px 0 10px 4px; }
.box1 a, .box2 a{color:#c8251f; text-decoration:none;} 
.box1 a:hover, .box2 a:hover{text-decoration:underline}
.marker { float:right; margin-right:7px}

.indent{ padding:0 20px 0 50px}
/*footer*/
#footer { color:#7c7c7c; font-size:0.75em; }
#footer .indent-footer{padding:10px 31px 0px 30px; text-align:left;}
#footer .indent-footer2{padding:5px 31px 10px 30px; text-align:left;}
#footer a {color:#7c7c7c; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.h{ height:30px}
.block-contact span{ float:right; margin-right:70px}

.col1Recherche{
	float:left;
	width:29%;
	height:480px;
	margin-top:20px;
}

.col2Recherche{
	float:right;
	width:65%;
	margin-top:20px;
}

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

#diapo-content, #diapo-content2{
	overflow : hidden;
	width:355px;
	height:250px;
}

#diapo-accueil .onglet, #diapo-accueil2 .onglet {
	background:url('../media/design/onglet.png') no-repeat right bottom;
	color:#FFFFFF;
	font-weight:bold;
	height:18px;
	width:18px;
	text-align:right;
	margin:0 2px 2px 0;
	padding:3px 6px 0 0;
	text-decoration:none;
	float:left;
}

#diapo-accueil .ongletHover, #diapo-accueil2 .ongletHover {
	background:url('../media/design/ongletHover.png') no-repeat right bottom;
	color:#000000;
	font-weight:bold;
	height:18px;
	width:18px;
	text-align:right;
	margin:0 2px 2px 0;
	padding:3px 6px 0 0;
	text-decoration:none;
	float:left;
}

#diapo-onglets{
	margin-left:95px;
}

#diapo-onglets2{
	margin-left:120px;
}

.diapo{
	z-index:0;
	display:none;
	width:355px;
	height:250px;
	padding-top:80px;
	padding-left:85px;
}

.text-diapo{
	width:210px;
	height:120px;
	font-family:"Myriad Pro Black","Myriad Pro Light",Tahoma,Arial;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	color:#a50a0f;
	line-height:1.2em;
}

.lienAcc{
	color:#a50a0f;
}
.lienAcc:hover{
	text-decoration:none
}