/*****************************************************************************/
/* Fichier CSS 2.0 [ Derniére date de modification 26/11/2009 ].		 	 */
/* Auteur : Steven Cayla						  							 */
/* Email: contact@csi-consulting.fr						  					 */
/*****************************************************************************/
@charset "utf-8";
* {margin:0px; padding:0px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, del, ins { margin: 0px; padding: 0px; }
html { height: 100%; margin-bottom: 0px; font-size: 100%;}
body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 150%; color: rgb(100, 100, 100); background-color:#6CF;}


h1, h2, h3, h4, h5, h6 {
   /* margin: 0.5em 0 .5em 0;*/
    line-height: 1.2;
    font-weight: bold; 
    font-style: normal;
	font-family: Arial,Helvetica,sans-serif;
}
h1{ font-size:	18px;}/*font-size: 1.75em;font-size:300%;*/
h2{ font-size:	16px; padding:5px 0px;} /*font-size: 1.5em; font-size:250%;*/
h3{ font-size: 	14px; padding:5px 0px; }						/*font-size: 1.25em; font-size:200%;*/
h4{ font-size: 16px; }			/*font-weight:normal;*/
h5{font-size: 14px; padding:0px 10px; }
h6{font-size:125%;}

p { text-align:justify; padding:5px 0px;}

p.bold { font-weight:bold;}

/*h3.puce {padding-left:30px; }
h3.puce {background:transparent url(../../images/typographie/puce/puce1.png) no-repeat scroll left 50%; }
*/


strong { font-weight:bold;}
span.blue { color:#039; font-weight:bold; }
span.red { color:#F30; font-weight:bold; padding-left:10px;}

.red { color:#F30;}
.bleu { color:#418fca;}

a {text-decoration:none;}
a:hover {/*border-bottom:#f17c0e solid 1px;*/ text-decoration:underline; }	
img {border:none; }

/*Les backgrounds Main*/
#BG_intro 	{background:#89C8EB url(../../images/bg_intro.jpg) no-repeat scroll 0% 20%;}
#BG_Blue 	{background:#89C8EB url(../../images/bg_blue.jpg) no-repeat scroll top left;}
#BG_Brown 	{background:#D7D0CA url(../../images/bg_brown.jpg) no-repeat scroll top left;}
#BG_Orange 	{background:#F5CC7C url(../../images/bg_orange.jpg) no-repeat scroll top left;}

/*Colonne de gauche*/
#Colonne_Left {width:246px; padding-top:192px; /*overflow:hidden;*/ position:absolute; top:0px; left:0px; /*float:left; position:relative;*/
				background:transparent url(../../images/CL_barre.gif) no-repeat scroll top left;}
.titreSlogan { color:#FFF; background-color: rgb(0, 166, 235); font-weight: bold; padding: 5px 0px 5px 30px; text-transform:uppercase;}
.slogan { font-size: 13px; font-weight: bold; color: rgb(0, 104, 181);padding-left:30px;line-height:2; text-align:left; font-family:Arial, Helvetica, sans-serif;}

/*Logo de la fondation*/
#logo {left:30px;position:absolute;top:32px;}



.barre_black_intro {background:transparent url(../../images/CL_barre.gif) no-repeat scroll top left;width:10px; height:100px;position:absolute; top:0px; left:0px; }
/*Contenu Central*/
#content_Main { left:246px;  position:absolute; top:0px; width:1674px; /*overflow:hidden;*/ overflow:hidden;}

/*Menu top*/
/*.menu_top {z-Index:5; background-color:#616a74; height:27px;  position:absolute; top:0px; left:0px; width:100%; }*/
#content_right {width:100%; position:absolute; top:32px; left:785px; }

#content { width:786px; margin-top:40px;}
#img_right_content {float:right;margin-top:20px; margin-left:10px;}
#img_left_content {float:left;margin-top:70px; margin-right:10px;}

 #coordo_right {float:right; width:240px; padding-top:40px;font-weight:bold;}/*line-height:2;*/
 
 #coordo_right h3 {margin-top:10px; }

#img_right_content img { float:right; clear:right; margin-top:0px; margin-left:10px;}

#breadcrumbs {background:#f17c0e url(../../images/Header_Orange_2.jpg) repeat-y scroll 308px 0px; color:#FFF;padding-left:10px;font-size:14px;font-weight:bold;height:20px;margin-right:-10px;margin-left:-10px;}

.content_text {width:680px; color:#333; background:#FFF /*url(../../images/typographie/content_bg.png) repeat scroll 0% 0%*/;padding-left:10px; padding-right:10px;font-size:13px; font-weight:bold;height:964px;}
.Colonne_Orange {width:765px; background:#FFF url(../../images/colonne_droite.jpg) repeat-y right top; position:relative;}
.Colonne_Bleu {width:765px; background:#FFF url(../../images/colonne_droite_bleu.jpg) repeat-y right top; position:relative;}
.Colonne_Gris {width:765px; background:#FFF url(../../images/colonne_droite_gris.jpg) repeat-y right top; position:relative;}
.Colonne_Blanche {width:765px; background:#FFF; position:relative;}

.Colonne2{width:765px;background-color:#FFF; position:relative;}


img.bottom {position:absolute; bottom:0px; left:0px;}


.content_text li {margin-left:40px;}

.content_colonne { float:left; width:48%; padding-right:10px; }
.content_colonne span.red {text-decoration:none;}

.download {background:url(../../images/icon_PDF.png) no-repeat scroll top left; padding-left:45px;}/*width:350px;*/
.download a {color:#f17c0e;text-decoration:none;font-weight:bold; display:block; padding-top:10px; padding-bottom:10px;}

/*Footer*/
#footer {position:fixed; bottom:0px; width:100%; background:#f17c0e; /*url(../../images/Header_Orange_2.jpg) repeat-y scroll top center;*/ color:#FFF; padding-left:10px;left:0px;height:25px; font-family:Arial, Helvetica, sans-serif; font-size:14px;font-weight:bold; padding-top:5px;}
#footer  a { color:#FFF; text-decoration:none;}
.copyright  { display:block;float:right;font-size:14px;margin-right:20px;}

#box_don {width:120px;background:transparent url(../../images/bule_faire_un_don.png) no-repeat scroll bottom center; height:50px;position:absolute; top:-55px; left:30px; }
#box_don div {background-color:#F17C0E;font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#FFF;padding:10px 10px; }

ul.clean {}
ul.clean li { margin-left:15px;}

/*Page_Intro*/
#titre_intro{ background-color:#f17c0e; color:#FFF; font-size:14px; font-weight:bold; width:270px; position:absolute; left:186px; top:75px; height:20px; padding-left:30px; padding-top:5px;}

/*Pour IE*/
/*#contenu_intro {background:url(../../images/Rectangle-trans.png) no-repeat scroll top left;height:240px;margin-left:20px; margin-top:140px; position:relative; padding-left:300px;}*/
#contenu_intro img.slogan_intro {margin-top:60px; }

#contenu_intro {background:url(../../images/Rectangle-trans.png) repeat scroll top left;height:310px; top:100px; position:absolute; left:0; padding-left:400px; width:100%}
#logo_intro { position:absolute; left:120px; top:20px;}
#contenu_intro p { color:#FFF; font-size:28px; line-height:1.6; padding-top:40px;}
#contenu_intro a.lien { color:#333;font-weight:bold;background:url(../../images/TriangleDroit.png) no-repeat scroll 50px 5px; width:260px;display:block;margin-left:220px;font-size:14px;margin-top:20px;}

.photo_intro { position:absolute; left:886px; top:10px; }

/*Page Etablissements*/
#box_orange_colonne_droite { float:right;width:269px;margin-top:10px;margin-left:10px;background-color:#F5CC7C;clear:right;}
#box_orange_colonne_droite h4 { margin-left:10px; color:#FF0000;}
#box_orange_colonne_droite li { margin-left:40px; font-weight:bold; }

#text {margin:50px auto; width:500px}
.test:hover { background-color:#C00;}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
.highslide-dimming { background: black;}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/*Picture def*/
#box1, #box2, #box3, #box4{
	position:absolute;
}

.mask{
	position:relative;
	width:340px;
	height:570px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}
/*End*/

/*Sitemap*/
.cadremap {border:#CCC dotted 2px;float:left;height:570px;margin-left:20px; }
.cadremap h5 {padding-left:30px;background-color:#F5F5F5;margin-top:0px;height:30px;padding-top:5px;}
.cadremap ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding-left:10px;
}
.cadremap ul li {
line-height:26px;
/*margin:5px 0;*/
/*padding-left:25px;*/
background:transparent url(images/TriangleDroit.png) no-repeat scroll 0px 0px;}
.cadremap a { color:#333;font-weight:bold; }

.dropcap:first-letter { font-size:150%;}

small {line-height:1; font-size: x-small; font-weight:normal;}

/*Formulaire*/
form {
text-align:left;
}

fieldset {
border:1px solid #CCCCCC;
margin-bottom:10px;
}
fieldset, legend {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top: 5px solid #F17C0E;
color:#999999;
font-size:16px;
padding:0 10px 10px 10px;
}

legend {margin-bottom:10px;
border-left:3px solid #F17C0E;
border-right:3px solid #F17C0E;
padding-bottom:4px;
color:#FFF;
background-color:#F17C0E;}

label {
background-color:#E7E7E7;
display:block;
float:left;
letter-spacing:1px;
padding-right:1%;
text-align:right;
width:42%;
font-size:14px;
font-weight:bold;
}

label:hover {
text-decoration:underline;
}

label, input[type="text"],select { margin-bottom: 1%; height:20px;}

input[type="text"], select, textarea {
border:1px solid #CCCCCC;
margin-left:1%;
width:55%;
}
input[type="text"]:hover, select:hover, input[type="text"]:focus, select:focus, textarea:hover {
background-color:#DDEEFF;
border:1px solid #999999;
}
input[type="radio"] {
}
input[type="checkbox"] {
margin-left:180px;
}