/* TYPOlight webCMS :: Copyright (C) 2005-2009 Leo Feyer :: LGPL license */
/*gristresclair:#e9e9e9/ grisclair:#d3d3d3 / bleu:#353d79 /rose:#f73e63 / grisfonce :#979596 / 
vert clair:#daddc0 */

body{margin:0;padding:0;text-align:left;position:relative;background-image:url(./images/back-pied.png);background-repeat:repeat-x;background-position:0 bottom;color:#353d79;background-color:#e9e9e9}
#main .inside{padding-right:1em;padding-left:1em}
#main{position:relative;margin-top:0;padding:0;}
#wrapper{width:780px;margin-top:0;padding:0;margin-right:auto;margin-left:auto;font-size:0.85em;font-family:sans-serif;background-image:url(./images/bord.png);background-repeat:repeat-y}
#header{width:758px;margin-right:10px;margin-left:auto;margin-top:0;padding:0}
#container #main{margin-left:0.9em;margin-right:0.7em;padding-bottom:2em;}
#container{min-height:32em}
form{margin:0;padding:0;}
img{border:0;}
#left{float:left;}
#right{float:right;}
.inside{position:relative;text-align:left;}
.block{overflow:hidden;}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}.custom{display:block;text-align:left;}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#arianne{position:relative;font-size:0.8em;margin-left:0.3em;}
#arianne h5{display:inline}



/************************Typo**********************/
#deco-h2{height:3.5em}
h2{position:relative;z-index:10;text-align:right;color:#f73e63;}
#deco-h2 p{position:relative;z-index:1;font-size:3.2em;font-weight:bold;color:#e9e9e9;text-align:right;margin-top:-1.5em}
a{color:#353d79}
a:hover{color:#979596}
.gras{font-weight:bold}
#texte-accueil{font-size:0.95em;clear:both}
#texte{font-size:0.95em}
.texte{font-size:0.95em}
.gras{font-weight:bold}
/*H1*/
h1{font-size:0.90em;margin:0;padding:0;margin-right:1.5em}

.banniere{text-align:right;}
.banniere img{position:absolute;left:50px;}
.slogan{margin:0;background-color:#353d79;padding-top:1em;padding-bottom:0.3em;line-height:1.5em;}
.slogan img{position:absolute;top:0px;left:500px}
.slogan a{color:#ffffff;font-weight:bold;text-decoration:none;font-size:1.4em;}
.slogan_gros{font-size:2em;padding-right:0.4em}
.slogan_texte{padding-right:10.8em}
.h1_adresse{background-color:#353d79;padding-top:0.5em;padding-bottom:0.5em;margin-top:0.2em}
.h1_adresse a{color:#ffffff;font-weight:bold;text-decoration:none;font-size:1.4em;padding-right:0.8em}
/************************Accueil*********************/
.imagegratuites{float:left;margin-left:0em;}
.imageagenda{float:left;margin-top:-3em;margin-left:0.5em;}
.imageactions{float:left;margin-left:3em;margin-top:4em}
#contact-accueil{background-color:#e1e2ec;padding:0.5em;float:left;margin-left:3em}
#contact-accueil p{margin:0em}
#texte_accueil{float:right;width:60%;}
#nouveautes{float:right;width:58%;background-color:#daddc0;padding-right:1em;padding-left:1em}
#nouveautes h3{text-decoration:blink}
/************************Menu**********************/
#header .mod_navigation{clear:both;margin-bottom:0;padding:0;width:100%;position:relative;text-align:right;margin-top:-1.5em}
#header .mod_navigation ul{padding-top:0.5em;padding-bottom:0.5em;padding-right:1em}
#header .mod_navigation ul li{display:inline;}
#header .mod_navigation ul li a{padding-top:0.5em;padding-bottom:0.5em;padding-right:1em;padding-left:1em;text-decoration:none;border:1px solid #353d79;}
#header .mod_navigation ul li a:hover{background-color:#353d79;color:#ffffff;}
#header .mod_navigation ul li.active{padding-top:0.5em;padding-bottom:0.5em;padding-right:1em;padding-left:1em;border:1px solid #353d79;background-color:#353d79;color:#ffffff;}
/************************aidenavigation************************/
#aideNavigation{position:absolute;font-size:65%;margin-top:-0.5em;margin-left:0em;}
#aideNavigation ul li{list-style:none;display:inline;padding:0;margin:0}
#aideNavigation ul {padding:0;margin-left:1em;margin-top:0.5em}
/************************Formulaire d'inscription************************/
#inscription {background-color:#e1e2ec;position:relative;margin-left:4em;margin-top:1em;font-size:0.95em;padding:2em;width:45%;border:3px solid #353d79}
#inscription form  p.error{text-decoration:blink;color:#f73e63;font-size:0.8em;padding:0;margin-top:0}
.info-inscriptions{font-size:0.95em;float:right;width:35%}
label.identite{float:left;display:block;width:28%;}
input.identite{margin-bottom:1em;}
#inscription form .formation_choix span{display:block;}

#texte_confirmation{width:65%;float:left}
#retour_confirmation{float:right}
/************************Agenda************************/
.down_prog{position:absolute;top:0px;left:20px}


iframe{display:block;margin-top:5em;margin-right:auto;position:relative;margin-left:auto}

#encemoment{z-index:50;position:absolute;right:0px;top:350px}
#titre_tablo{float:left;width:30%}

#legende_tablo{}
#legende_tablo ul li{list-style:none;display:inline;margin:0;padding-right:0.5em;border-right:1px solid #353d79;font-size:80%; }
#legende_tablo ul{margin:0;padding:0;width:100%}

#presentation table{width:100%;display:block;font-size:0.95em;border-collapse:collapse;background-color:#daddc0;padding:1em;color:#979596}
#presentation table tr td{text-align:center;background-color:#ffffff;margin:0;padding:0;border:1px solid #d3d3d3}
#presentation table tr td a{margin:0;padding:0em;color:#ffffff;background-color:#f73e63}
#presentation table tr td a:hover{color:#979596}
#presentation table td.col_first{width:5%;text-align:center;color:#979596;margin:0;padding:0}

/*********************Mardis de l'info******************/
#lien_agenda{float:right}
#texte_agenda{width:65%;float:left}
/*********************Financement******************/
.opca{width:30%;background-color:#daddc0;padding:1em;float:right}
.opca p{margin:0.5em}
.presentation-formation{width:65%;float:left}
.contact-financement{width:30%;background-color:#e1e2ec;padding:1em;float:right;margin-top:2em}
.contact-financement p{margin:0.5em}
/*********************Contact******************/
#texte_contact{width:40%;float:right;margin:0;padding:0;margin-top:5em}
#carte iframe{display:block;float:left}
/*********************Plan du site******************/
#plan_du_site ul li.catalogue2010{margin-left:2em;margin-top:0}
#plan_du_site ul li{margin-top:0.5em}
/*********************Pied de page******************/
#footer {height:150px;width:760px;
margin-right:auto;
margin-left:auto;font-size:0.8em;background-image:url(./images/pied.png);background-repeat:no-repeat;background-position:right 0px}
#footer .inside{padding-top:0em;padding-left:1em;padding-right:1em}
#footer .licence{float:right;width:30%;margin-top:10em;margin-bottom:0;text-align:right}
#footer .licence p{margin:0em}
#footer .inside .logosites{margin-top:6em;padding:0;margin-bottom:0;float:left;width:20%;text-align:center;}
#footer .inside .logosites a{}
#footer .adresse{margin-top:5em;float:left;width:35%;margin-right:10%}
/*********************Connexion**********************/
#connexion{margin-top:5em;margin-left:5em}
#connexion td.col_first{padding:1em;text-align:right}

/*********************Documentation**********************/
#documentation ul li {font-weight:bold}


/*****Details Formations*****/

.detail_texte{width:80%;float:left;}
#formation_detail img{float:right;margin-bottom:1em; }
/***Catalogue****/

#catalogue ul li{list-style:none;margin-bottom:1em;border-bottom:2px solid #daddc0}
#catalogue ul li ul {width:60%;float:right;}
#catalogue ul li ul li{display:inline;}
#catalogue ul li ul li:last-child{float:right}
#catalogue ul li ul li:first-child{display:block;float:left;width:50%}

h4{border-top:4px solid #f73e63;border-bottom: 1px solid #f73e63}
#lien-programme{position:absolute;margin-top:-3em;margin-left:40%}