/* styles génériques */
* {margin:0; padding:0;}
body { font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica; font-size: small; color: #333; background-image:url(../../skel/graph/background_haut_gris.gif); background-repeat:repeat-x;background-color:#fff;}
#corps_page {width:1000px; padding:0; margin:0 auto;}

#table_archi {margin:10px 0px; padding:0;}
#colonne_gauche {vertical-align:top;}
#colonne_gauche li {list-style-position: outside; 	margin: 0px; 	list-style-image: url(../../skel/graph/pucemenu1.gif); margin-left:5px;}
#colonne_centre {vertical-align:top; padding:0px 25px 0px 10px; width:662px; margin-right:10px;}
#colonne_droite {width:162px; padding:0px; vertical-align:top; }

#les_cadres_actualites {border:8px solid #E5E6E8; padding:10px 5px; margin:0px 0px 10px 0px;}
.les_cadres_actualites_titres {background-color:#E5E6E8; margin: 0px; padding:5px; }
.les_cadres_actualites_titres img {float:left; margin:0px 5px 0px 5px; }
.les_cadres_actualites_titres p {font-size:18px; font-weight:bold; padding-top:3px;}
.mode_liste {margin:10px 10px 10px 35px; padding-left:25px; background-image:url(../../skel/graph/puce_mode_liste.gif); background-repeat:no-repeat;}
.mode_liste_cadre_actualites {clear:both; background-image:url(../../skel/graph/puce_mode_liste.gif); background-repeat:no-repeat; font-size: small; text-decoration: none; font-weight: bold; margin:0px;}
.mode_liste_cadre_actualites_liens {color: #333; margin-left:20px; top:3px; text-decoration:none; position:relative; display:block; padding-bottom:5px;font-size:small;}
.mode_liste_cadre_actualites_p_intro {margin-left:20px; font-size:small; margin-top:3px; margin-bottom:15px; }
.mode_liste_cadre_actualites_img {float:left; margin-right:5px; margin-left:0px; padding-left:0px;}
.liens_bold {color:#333; font-weight:bold;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
p.spip {text-align:left; padding:5px 0px; margin-bottom:10px; line-height: 14pt; margin-left: 4px;}
.lirelasuite, .lirelasuite a:link, .lirelasuite a:visited, .lirelasuite a:hover  {margin-bottom:10px; font-size:11px; font-variant:small-caps; color:#333; text-decoration:underline; display:block;}
hr {width:80%;  margin:auto; color: #ddd; background-color: #ddd; height: 1px; border: 0; text-align:center;}
.thema_rubrique a:link, .thema_rubrique a:visited, .thema_rubrique a:hover {color:#000; font-style:italic;}
img {border:none;}
.listes_puces {background-image:url(../../img_graph/00_injep_33.gif); background-repeat:no-repeat; padding-left:20px; padding-top:3px;}
#pub_centre_home {width:468px; margin: 0 auto 10px auto;}
.net { clear: both; height: 0; margin-top: 60px; padding-bottom: 10px; border: 0; line-height: 1px; font-size: 1px; }
.align-droite {text-align:right; float:right; width:600px; }

/*Page Accueil*/
#colonne_centre_sommaire {vertical-align:top; padding:0px 5px; width:500px; margin-right:10px;}
#colonne_droite_sommaire {width:340px; padding:0px; vertical-align:top; }
.toutes_les_publications {font-size:80%; position:relative; top:-10px; right:50px; text-align:right;}
.tous_les_evenements {font-size:80%; position:relative; top:-20px; right:50px; text-align:right;}
.texte-agenda {font-size:80%; margin-bottom:10px;}
.bloc_cont_dol_droite {float:right; width:130px;}
.titre_col_droite {border-bottom:3px solid #ccc; margin-top:20px; color:#333;}
.liens_sites_col_droite{color:#000; font-size:110%;}
.h6_liens_col_droite {margin-bottom:10px;}
.col_3 {width:162px; margin-left:10px;}
.titres_audio_video {border-bottom:3px solid #ccc; margin-top:50px; color:#333;}
.couleur_gris{color:#333;}



/*spip*/
a.spip_in:after{} /* liens internes */
a.spip_out:after {font-style:italic;}  /* liens sortants */
.spip_form_champ {margin:5px;}
.spip_forms { display:block; margin:2px; padding:5px;}
.spip_forms input {margin:5px;}
.spip_form_label {font-weight:bold;}
.spip_form_label_obligatoire {font-weight: normal;	color: #990000;	margin-right: 5px;	margin-left: 5px;}
.spip_form_choix_multiple {display:block; margin-top:10px;}
.erreur {font-weight:bold; background-color:#990000; color:#FFFFFF; padding:2px; display:block; text-align:center;}
.bloc_align_droite {font-size: 95%; margin: 20px 0px 0px 15px; padding: 5px; float: right; clear:both; width: 250px; font-weight: normal; text-align:justify; background-color:#f8f8f8;}
.bloc_align_gauche {font-size: 95%; margin: 20px 15px 0px 0px; padding: 5px; float: left; clear:both; width: 250px; font-weight: normal; text-align:justify; background-color:#f8f8f8;}
.texteencadre-spip {font-size: 95%; margin: 20px auto 0px auto; padding: 15px; clear:both;  width: 80%; font-weight: normal; text-align:justify; background-color:#f8f8f8;}
.caractencadre-spip {font-weight: bold; }
.spip_poesie {color: #000;margin:50px 5px; padding: 5px; text-align: right; font-weight: bold; display: block; width: 100%; font-style: italic; font-size: small; clear:both;}
table.spip tr.row_odd {}
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif {font-size: 0.8em; margin-left: auto; margin-right: auto; }
.date {font-variant:small-caps;}

h1 {font-size:19px;}
h3.spip {font-size: 15px;	font-weight: bolder; clear:left; border-bottom:1px solid;	margin-top:15px;}
h4.spip {font-size: 13px;	padding: 0px;	margin-top: 15px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 2px;}
h5.spip {font-size: 12px;	padding: 0px;	margin-top: 15px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 4px;}
ul.spip {padding:15px; margin-left: 4px;}
ul.spip li ul {padding:5px;}
li.spip {padding-left:5px;  color: #333333; margin-bottom:10px;}

/*Articles*/
#pave {margin:15px 0px; padding:10px 0px; border-top:1px dotted #ddd; clear:both; font-size:11px;}
#pave, #pave a:hover {color:#999;}
.surtitre {font-size: 13px; font-weight: bolder; }
.titre_article {font-size: 19px;font-weight: bold;}
.soustitre {font-size: 13px; font-weight: bolder;}
.chapo {font-weight:bold; font-size: 13px; margin:10px 0px; color:#000;}
table.spip {width:100%}
#documents_portfolio img {border:1px solid #ddd;}
.ps {margin:15px 0px; color:#666; font-size:12px; list-style-type:square; border-top:1px dotted #ddd; padding-top:10px;}
.ps .spip ul .spip li{margin:0; list-style-type:square;}
li.ps {margin:0; list-style-type:square;}
.notes {margin:15px 0px; color:#999999; font-size:11px;}

/*rubriques*/
h1.titre_rubrique {font-family:Verdana, Tahoma, Arial, sans-serif; font-size:15px; clear:both; margin-top:1px; margin-bottom:10px; color:#fff; font-weight:bold; margin-left:30px; padding:10px 10px;}
.txt_rubrique { line-height:16px; padding:10px 0px; margin-bottom:5px; text-align:justify;} /* padding:30px; padding-right:15px;*/
.txt_rubrique  p {margin-bottom:10px; }
.articleactu {display:block; margin-top:20px; padding-top:10px;}
.padding_bloc2 {padding:0px 10px 5px 0px; border-bottom:1px solid #ddd; margin-bottom:15px; margin-left:30px;  padding-right:15px;}
.padding_bloc3 {padding:0px 10px 5px 0px; margin-bottom:15px; margin-left:10px;  padding-right:15px;}


/*Header*/
#bandeau {position:relative; top:0px;}
#bandeau img {margin-left:0px;}
.bandeau_in-rss {font-size: small; margin:5px; font-weight: bold; text-align:center; font-family:Verdana, Tahoma, Arial, sans-serif; color: #FFF;}
.liens_head {font-size:10px; color: #FFF;}
a.liens_blanc, .liens_blanc a:link, .liens_blanc a:visited, .liens_blanc a:hover {color: #FFF;}
#syno {position:absolute; top:78px; left:758px; width:250px; text-align:center;}
#syno .formulaire_recherche input {background-color:#333; border:1px dashed #999; padding:5px;} 
.chemin {padding:5px; text-align:left; font-family:Verdana, Tahoma, Arial, sans-serif; text-transform:lowercase; background-color:#549DD3;}
.chemin, .chemin a:link, .chemin a:visited, .chemin a:hover {font-size:11px; color:#fff;}

/*Footer*/
#footer {font-size:10px; padding:10px; color:#fff;}
#footer a:link, #footer a:visited, #footer a:hover {color:#fff;}

/*colonne de droite // breves */
.cadrebleu_droite {background-color: #CBE1F2; color:#000000; display: block; padding:0px; margin:0px; width: 100%;}
.cadrebleu_droite_marge {padding:4px;}
.menu_breve { padding-left:10px;font-size: x-small;	color: #333;}
.menu_breve a:link,.menu_breve a:visited  {font-size: x-small;	color: #333; text-decoration: none;}
.menu_breve a:hover {text-decoration: underline; font-size: x-small; color: #333;}
.menu_breve ul {margin: 0px 0px 0px 1px;	padding:2px;	font-weight: normal;}
.menu_breve li {list-style-position: outside; 	margin: 0px 0px 0px 11px; padding:0px;	list-style-image: url(../../skel/graph/00_injep_26.gif);}
.menu_breve li a {color: #333;}

.menu_breve_somm_formeteurope { padding-left:10px;font-size: x-small;	color: #333;}
.menu_breve_somm_formeteurope a:link,.menu_breve_somm_formeteurope a:visited  {font-size: x-small;	color: #333; text-decoration: none;}
.menu_breve_somm_formeteurope a:hover {text-decoration: underline; font-size: x-small; color: #333;}
.menu_breve_somm_formeteurope ul {margin: 0px 0px 0px 1px;	padding:2px;	font-weight: normal;}
.menu_breve_somm_formeteurope li {list-style-position: outside; 	margin: 0px 0px 0px 11px; padding:0px;	list-style-image: url(../../skel/graph/00_injep_26bl.gif);}
.menu_breve_somm_formeteurope li a {color: #333;}


.breve_bleu_pti {font-size: xx-small; padding-bottom:0px; margin-bottom:0px;	font-weight: bolder;color: #369;}
.breve_meme-rub {font-size: large;	font-weight: bolder;	color: #369; margin-left:45px; margin-top:0px; padding-top:0px;}
.brevestitres {	font-size: x-small;	font-weight: bold;	color: #333;}
.titre_cadrebleu { background-image:url(../../skel/graph/00_injep_19.gif); background-repeat:no-repeat; font-size: x-small;color: #333; padding-left:45px; padding-top:5px; padding-bottom:5px;}
.breves a:link, .breves a:visited, .breves a:hover {font-size: x-small;	color: #333;}
.brevestitres a:link, .brevestitres a:visited {	font-size: x-small;	font-weight: bold;	color: #333;text-decoration: none;}
.brevestitres a:hover {font-size: x-small;	font-weight: bold;	color: #333; text-decoration: underline;}
.breve {font-size: large;	font-weight: bolder;	color: #336699;}

/* menu de gauche */
.menu_rubaff {font-weight:bold; font-size:14px;}
.navon {margin: 0px; padding:0px; float:left;}
.menu_gauche {font-size: 14px; font-weight: bold; color: #000;padding-left:5px;}
.menu_gauche a:link {font-size: 14px; text-decoration: none; color: #000;}
.menu_gauche a:visited {font-size: 14px; text-decoration: none; color: #000;}	
.menu_gauche a:hover {font-size: 14px; text-decoration: underline;}
#syndication {margin-bottom:20px; width:120px;}
#syndication h2{width:100px;font-size: 13px; text-align:left; margin: 0px; padding:0px; border-bottom:4px solid #ddd; margin-bottom:10px; padding-bottom:5px; color:#333;}
#syndication strong{font-size: 9px; }

.menu-de-gauche-, .menu-de-gauche-on {margin:5px 0px;}
.menu-de-gauche-on ul {visibility:visible; margin-left:10px;}
.menu-de-gauche-on ul li {padding-left: 5px; list-style-position: inside; 	margin: 10px 0px;  	list-style-image: url(../img_graph/pucemenu1.gif); font-weight:normal; font-size:80%;}

.menu-de-gauche- ul {visibility:hidden; display:none;}

.ul-niv1-on  {visibility:visible; margin-left: 10px;}
.ul-niv1-on li a:link, .ul-niv1-on li  a:hover, .ul-niv1-on li  a:visited {color: #333; font-size: small; list-style-type:square;  margin-bottom:10px;}
.ul-niv1-  {visibility:hidden; display:none;}

.ul-niv2-on  {visibility:visible;   text-transform:lowercase; margin-left: 15px;}
.ul-niv2-on li a:link, .ul-niv2-on li  a:hover, .ul-niv2-on li  a:visited {color: #333; font-size:x-small; }
.ul-niv2-  {visibility:hidden; display:none;}

.ul-niv3-on  {visibility:visible; margin-left: 20px;  text-transform:lowercase; }
.ul-niv3-on li a:link, .ul-niv3-on li  a:hover, .ul-niv3-on li  a:visited {color: #666; font-size:xx-small;}
.ul-niv3-  {visibility:hidden; display:none;}



.syndication a:link {text-decoration: none; color: #333;}
.syndication a:visited {text-decoration: none; color: #333;}	
.syndication a:hover {text-decoration: underline; color: #333;}
.syndication ul {margin:0px; padding:0px; width:150px;}
.syndication li {width:100px; margin:0px 18px; list-style-image: url(../img_graph/00_injep_33.gif); list-style-position: outside; color:#CCCCCC; padding:0px;}
.syndication li a:link {text-decoration: none; color: #545454; font-size: 9px;}
.syndication li a:visited {text-decoration: none; color: #545454; font-size: 9px;}	
.syndication li a:hover {text-decoration: underline; color: #333; font-size: 9px;}
#injep_direct {padding: 0px; margin-bottom:20px; text-align:center; border-bottom:1px solid #ddd;}
#injep_direct h2{font-size: 10px; text-align:left; margin: 0px; padding:0px;  margin-bottom:10px; padding-bottom:5px; color:#333;}
#injep_direct a:link {text-decoration: none; color: #549DD3;}
#injep_direct a:visited {text-decoration: none; color: #549DD3;}	
#injep_direct a:hover {text-decoration: underline; color: #333;}
#injep_direct img {border:none;}
.petit_texte_333 {font-size: x-small;	color: #333;}
.petit_texte_333 a:link, .petit_texte_333 a:visited {font-size: x-small; color: #333; text-decoration: none;}
.petit_texte_333 a:hover {text-decoration: underline; font-size: x-small; color: #333;}

/*table */ 
table {clear: both; }
table caption { text-align: center; font-weight: bold; color: #333; }
table tr.row_first { background: #333; color:#fff; }
table tr.row_odd { background: #ddd; }
table tr.row_even { background: #e1e1e1; }
table.spip th { padding: 5px; text-align: center; vertical-align: bottom; text-transform: uppercase; }
table.spip td { padding: 5px 7px; vertical-align: top; }

/*formulaire*/
.spip_forms { font-size:11px; clear:both;}
.spip_forms ul  li { list-style:none;}
.spip_forms legend {width:50%; font-size:5px; text-transform:lowercase; visibility:hidden;}
.spip_forms fieldset {font-weight:lighter;  padding:0; margin:0; border:none;}
.spip_forms_champ {margin:5px;font-size:11px; background-color:#f8f8f8;}
.spip_forms{ display:block; margin:2px; padding:5px;font-size:11px;}
.spip_forms input {margin:5px;font-size:11px; }
.spip_forms_label {font-weight:bold;font-size:11px;}
.spip_forms_label_obligatoire {font-size:11px; 	font-weight: normal; 	color: #990000; 	margin-right: 5px; 	margin-left: 5px; }
.spip_forms_choix_multiple {display:block; margin-top:10px;font-size:11px;}

/*documentation centre de ressources sur les politiques jeunesse*/
/*menu deroutant*/
.abcdaire { text-align:center; width:550px; margin:10px auto; padding:10px 0px 20px 0px; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; }
#menu, #menu ul {padding : 0;  margin : 0 auto; list-style : none; line-height : 21px; text-align : center; }
#menu li{padding : 0px;  margin : 0; list-style : none; background : #549DD3; color:#fff; }
#menu li strong{padding : 4px; font-weight:bold; display:block;  }
#menu {font-weight : bold; font-size : 13px;}
#menu a {display : block; padding : 0;  color : #fff;  text-decoration : none; width : 144px; }
#menu li {display:inline-block; margin:0px; padding:0;}
html>body #menu li{border-right: 1px solid transparent ;}
#menu li ul {position: absolute; width: 144px; left: -999em; }
#menu li ul li {border-top : 1px solid transparent;}
html>body #menu li ul li  {border-top : 1px solid #fff; }
#menu li ul ul {margin: -22px 0 0 144px ; border-left     : 1px solid #fff ; }
html>body #menu li ul ul  {border-left     : 1px solid transparent ; }
#menu a:hover {color: #fff;   background: #333;}
#menu li:hover ul ul, #menu li.sfhover ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  {left: auto; min-height: 0; z-index:99;}