@charset "utf-8";

@import url(editeur.css);

/* CSS Document */

/* >>>>>>>>>> LIENS <<<<<<<<<< */
a:link {color:#0346a8; text-decoration:underline; font-weight:normal;}
a:visited {color:#0346a8; text-decoration:underline; font-weight:normal;}
a:hover {color:#0346a8; text-decoration:none; font-weight:normal;}
a:active {color:#0346a8; text-decoration:underline; font-weight:normal;}



#grands-parents {position:absolute; top:210px; left:755px;}


/* >>>>>>>>>> HTML <<<<<<<<<< */
img {border:0px none;}
h1 {color:#dd372a; font-size:1.5em;}
h2 {color:#61853b; font-size:1.2em;}
h3 {color:#fb7b49; font-size:1em;}
h4 {color:#5a90a6; font-size:1em;}
h5 {color:#6486a1; font-size:1em; width:100%; padding:3px;}
h6 {color:#fb7b49; font-size:0.9em;font-weight:bold;}

ul { list-style-image:url(../images/puce.gif);}



table.contenttable {background:#ecf4fa; border:1px dashed #6486a1;padding:3px; margin-top:-10px;width:100%;}


/* >>>>>>>>>> FORMULAIRE <<<<<<<<<< */

fieldset {background:#ecf4fa; border:1px dashed #6486a1;padding:5px; width:90%;margin-left:25px;}
fieldset .csc-mailform-field  {margin:7px 0px 7px 30px; _margin:7px 0px 7px 20px;}
fieldset .csc-mailform-field input.csc-mailform-submit {margin:20px 0px 10px 130px;}
fieldset .csc-mailform-field label {display:block; width:100%; padding:3px 0px; font-size:0.9em;}
fieldset .csc-mailform-field textarea {font-family:trebuchet, Arial, Helvetica, sans-serif;font-size:0.9em;}

/* >>>>>>>>>> STRUCTURE <<<<<<<<<< */

html, body {
	height:100%; 
}

html > body #contenant {
    height:auto;
}

body {
    background:#fb7b49 !important;
    color:#11303d;
    font-family:trebuchet, Arial, Helvetica, sans-serif;
    font-size:1em;
    margin:0pt;
    padding:0pt;
    text-align:center;
}
#contenant {

    background:url(../images/bckg_droite.jpg) no-repeat 100% 600px #fff;
    display:block;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    min-height:100%;
    overflow:visible;
    position:relative;
    text-align:left;
    width:1008px;
    padding-bottom:30px;
}

#zoneContenu {
	position:relative;
	padding-top:25px;
	padding-bottom:10px;
	margin-bottom:20px !important;
	left:270px;
	text-align:left;
	width:450px;
	z-index:1;
}

#zoneContenu li { padding:5px 0px 0px 5px;}

#piedpage {font-size:0.8em;color:#fff;text-align:center;}
#piedpage a {color:#fff;text-decoration:underline;}

/* >>>>>>>>>> MENU HAUT <<<<<<<<<< */
#menuHaut{
	position:absolute;
	top:5px;
	right:10px;
	width:500px;
	background:url(../images/bckg_menuHaut.jpg) no-repeat 0 0; 
}

#menuHaut ul {
margin:3px 0 10px 15px;
padding:0;
}

#menuHaut ul li{
display:inline;
color:#dd372a;
padding-left:5px;
background:url(../images/barre.gif) no-repeat 0 75%; 
}
#menuHaut ul li a{
color:#dd372a;
font-weight:bold;
font-size:0.9em;
text-decoration:none !important;
}
#menuHaut ul li a:hover{
color:#dd372a;
text-decoration:underline !important;
}


/* >>>>>>>>>> MENU GAUCHE <<<<<<<<<< */

#menuGauche { /*position:fixed;*/ position:absolute; top:315px; left:5px; margin:0 auto; width:210px; padding-left:20px;}
#menuGauche dt.objectif {width:210px; background:#dd372a;padding:5px 0px 5px 8px; border-bottom:1px solid #fff;}
#menuGauche dt.methode {width:210px; background:#327c77;padding:5px 0px 5px 8px;border-bottom:1px solid #fff;}
#menuGauche dt.programme {width:210px; background:#61853b;padding:5px 0px 5px 8px;border-bottom:1px solid #fff;}
#menuGauche dt.formation {width:210px; background:#6486a1;padding:5px 0px 5px 8px;border-bottom:1px solid #fff;}
#menuGauche dt.organisme {width:210px; background:#f46c37;padding:5px 0px 5px 8px;border-bottom:1px solid #fff;}
#menuGauche dt a {color:#fff; font-weight:bold; font-size:1em; text-decoration:none;}


#menuGauche ul.programme  { background:#8ec256; margin:0px -8px 1px 0px;_margin:0px 0px -4px -10px; padding:15px 5px;list-style-image:none !important; list-style-type:none;}
*+html #menuGauche ul.programme  { background:#8ec256; margin:0px 0px -4px -8px; padding:15px 5px;list-style-image:none !important; list-style-type:none;}

#menuGauche ul.formation  { background:#8fc0e6; margin:0px -8px 1px 0px;_margin:0px 0px -4px -10px; padding:15px 5px;list-style-image:none !important; list-style-type:none;}
*+html #menuGauche ul.formation  { background:#8fc0e6; margin:0px 0px -4px -8px; padding:15px 5px;list-style-image:none !important; list-style-type:none;}



#menuGauche ul.programme li a,
#menuGauche ul.formation li a{ font-size:0.9em; font-weight:normal; color:#000; text-decoration:underline !important;}
#menuGauche ul.programme li a:hover,
#menuGauche ul.formation li a:hover{ font-size:0.9em; font-weight:normal; color:#000; text-decoration:none !important;}

#menuGauche ul.programme li a.active { font-size:0.9em;  display:block;width:210px;_width:205px; margin-left:-5px; margin-top:2px; padding:2px 2px 3px 5px; _padding:2px 5px 3px 5px;  font-weight:normal; color:#fff; text-decoration:none !important; background:#61853b;}
#menuGauche ul.programme li a.active:hover {color:#fff;}

#menuGauche ul.formation li a.active { font-size:0.9em; display:block;width:210px;_width:205px; margin-left:-5px; margin-top:2px; padding:2px 2px 3px 5px; _padding:2px 5px 3px 5px; font-weight:normal; color:#fff; text-decoration:none !important; background:#6486a1;}
#menuGauche ul.formation li a.active:hover {color:#fff;}

/* >>>>>>>>>> MENU DROITE <<<<<<<<<< */

#droite { position:absolute; height:500px; width:268px; top:306px; right:0; }
#droite img { text-align:center;}

#quoiNeuf {width:204px;_width:214px; margin-left:17px;padding:2px 0px 4px 15px;_padding:2px 0px 4px 5px;border-left:1px dashed #7faacc;border-right:1px dashed #7faacc;font-size:0.9em;background:#fff;}
#quoiNeuf ul { list-style-image:none !important; _list-style-position:inside;padding-left:5px;_padding-left:0;_margin:0px !important;}

#quoiNeuf ul li {padding:0 !important;}



/*>>>>>>>>>>>>Autres <<<<<<<<<<<<<<*/



/* >>>>>>>>>> Actualites <<<<<<<<<< */

#actualites {
	position:relative;
	padding-top:0px;
	margin-bottom:50px !important;
	left:270px;
	text-align:left;
	width:450px;
	z-index:1;
	padding-bottom:50px;
}
#nouvelles { width:495px; padding-top:10px;margin-top:0; _margin-top:-4px;; border-left:1px solid #dd372a; border-right:1px solid #dd372a; border-bottom:1px solid #dd372a;}

.news  {margin:20px 10px 10px 10px;}

.news p.date {color:#000; font-size:0.8em; margin:4px 0px;}

.news h4{color:#dd372a;margin:0px; }

.news-latest-morelink a {margin:0px;padding:0;font-size:0.8em; }


/* >>>>>>>>>> Plan du site <<<<<<<<<< */


.tx-dropdownsitemap-pi1 .ifsub a {text-transform:none;}

.csc-sitemap ul { list-style-type:none;list-style-image:none;}
.csc-sitemap ul li a {color:#000;}