@media screen  {
#menuprincipal .vers_forum{position:absolute;top:0px;left:500px;background-color:none;height:20px;font-size: 13px;text-decoration:none;font-family:Arial;color:#ffffff;background-image: 
url("../commun/sitea21/coinrond.gif");width:200px;height:30px;padding-left:20px;font-weight:none;
}
#menuprincipal .vers_forum a{display:none;height:20px;font-size: 13px;text-decoration:none;font-family:Arial;color:#ffffff;margin-left:10px;
}

#content .spacer_accueil{height:200px;}


#content .grand_bleu{color:#003366;font-size: 15px;font-weight: bold;padding-bottom:3px;}
#content .grand_bleu a{color:#003366;text-decoration:none;}
#content .grand_bleu {color:#003366;text-decoration:none;}

#content .petit_bleu{color:#003366;font-size: 13px;font-weight: bold;padding-bottom:3px;}
#content .petit_bleu a{color:#003366;text-decoration:none;}
#content .petit_bleu a:hover{color:#003366;text-decoration:none;}
#content .intitule_evenement{color:#003366;font-size: 15px;font-weight: bold;}
#content .img_droite{float:left;border:1px;}

#content .menu_atelier{padding-bottom:10px;position:absolute;top:200px;width:80px;left:710px;
border-width:0px 0px 0px 0px;border-color:#cccccc;border-style:dotted;}
#content .item_atelier{padding-right:10px;padding-left:10px;padding-bottom:20px;}
#content .item_atelier_fiche{padding-right:10px;padding-left:10px;padding-bottom:5px;padding-top:5px;margin-bottom:10px;border-width:1px 0px 1px 0px;border-color:#cccccc;border-style:dotted;font-size:9px;text-align:left;}
#content .item_atelier_fiche a{text-decoration:none;font-size:9px;text-align:left;}

#content .menu_partenaires{position:absolute;top:200px;width:80px;left:700px;}
#content .menu_partenaire_liens{height:100 px;}
#content .item_partenaires_liens{display:inline;}

#content .atelier_decale_texte_droite{padding-left:45px;padding-bottom:20px;border-width:0px 0px 1px 0px;border-color:#cccccc;border-style:dotted;}
#content .atelier_texte_haut_image{vertical-align:text-bottom}

#content .item_partenaires{padding-right:1px;padding-left:10px;padding-bottom:20px;border-width:0px 0px 1px 0px;}
#content .item_partenaires_discours{padding-right:10px;padding-left:10px;padding-bottom:5px;padding-top:5px;margin-bottom:10px;border-width:1px 0px 1px 0px;border-color:#cccccc;border-style:dotted;font-size:9px;text-align:left;}
#content .item_partenaires_discours a{text-decoration:none;font-size:9px;text-align:left;}

#content .perspective_decale_liste{padding-left:20px;}
#content .orientations_decale_liste{padding-left:20px;}



#content .documentation_doc{color:#000000;font-size: 13px;padding-bottom:3px;}

#content .chapitre{margin-top:20px;font-size: 12px;font-family:Arial;text-align:justify;line-height:17px;width:510px; }




















body {margin:0px;  padding:0px;background-color:#333333;background-image: 
url("../commun/pole_service/image/habillagefontbleu.gif");
background-repeat: repeat-yx;}

#conteneur {
    position:absolute;
	left:50%;
	width:790px;

	margin-left:-390px;
	padding:0px;
	background-color:#cccccc;border:0px;border-color:black;border-style:solid;
    border-style: solid;
border-width: 1px 1px 1px 1px ;border-color: #cccccc;}
#menuprincipal {
	MARGIN-top: 0px;MARGIN-left: 0px; COLOR: #cccccc; MARGIN-bottom:0px;background-color:#003366;padding-bottom:0px;height:85px;

}
#menuprincipal img{
	MARGIN: 0px;padding: 0px 0px 0px 0px;
}

#main {	margin-top:0px;background-color:#0099cc;border-style: solid;
border-width: 0px 0px 0px 0px;border-color: #ffffff;}

#content { margin-left:160px; COLOR: #000; PADDING-TOP: 0px;PADDING-bottom: 20px;  PADDING-left: 15px;PADDING-right: 10px;background-color:#ffffff; border-style: solid;
border-width: 0px 0px 0px 0px ;border-color: #000000;}

#content .surtitre_page{COLOR: red; font-size: 10px;font-family:Arial;padding-top:0px;}/*concerne les articles*/

#content .titre_page{COLOR: #003366; font-size: 30px;font-family:Arial;padding-top:0px;width:500px;}
#content .soustitre_page{COLOR: #cccccc; font-size: 12px;font-family:Arial;}/*concerne les articles*/
#content .date_page{COLOR: #cccccc; font-size: 10px;font-family:Arial;text-align:right;}/*concerne les articles*/

#content .titre_chapitre{COLOR: #000000; font-size: 13px;font-family:Arial;font-weight: bold;margin-bottom:0px;}/*concerne les articles*/





















#content .titre_chapitre_accueil{COLOR: #ff9900;; font-size: 13px;font-family:Arial;font-weight: bold;margin-bottom:0px; }/*concerne la présentation des accueil depole (service ,aide...)*/
#content .chapitre_accueil{margin-top:20px;font-size: 12px;font-family:Arial;text-align:justify;line-height:17px;}/*concerne la présentation des accueil depole (service ,aide...)*/


/*#content p{text-align:justify;font-size: 12px;letter-spacing: 1px;line-height:15px;}*/
#content .imagedroite{float:left;}/*concerne les articles*/
#content a{color:#003366;margin:5px;margin-top:5px;}/*la couleur des liens par défautvisible dans service par exemple*/
#content a:visited{color:#003366;}/*la couleur des liens par défautvisible dans service par exemple*/
#content a:hover{color:#ffcc00}/*la couleur des liens par défautvisible dans service par exemple*/


/****************************************************************************************************************************/
#nav {position:relative;  float:left;top:0px;  PADDING-left: 0px;
  LEFT: 0px;   WIDTH: 160px; COLOR: #eee;background-color:#0099cc;}
#nav  .sous_menu ul{
margin-top:0px;
margin-left:5px;/*pour rajouter une puce machine il faut modifier margin et padding pour decouvrir la puce*/
padding-bottom: 0px;
padding-left: 5px;
list-style-image:  url(flechpixpucebleu.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#nav ul{
margin-left:15px;
margin-right:0px;/*pour rajouter une puce machine il faut modifier margin et padding pour decouvrir la puce*/
padding-bottom: 0px;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.sous_menu li {
padding-left: 0px;/*permet de decouvrir les puces images.attention cela decale le texte des item vers la gauche*/
padding-right: 5px;

padding-bottom: 10px;

}
#nav li {
padding-left: 0px;/*permet de decouvrir les puces images.attention cela decale le texte des item vers la gauche*/
padding-right: 0px;

padding-bottom: 10px;

}
.titre_sous_menu 
{
color: #00ccff;/*fixe la couleur du texte*/
/*fixe la couleur du menu*/
font-size:14px;
font-weight:;
text-decoration:;

margin-bottom:10px; 
margin-left:0px; 




}
.sous_menu a
{
color: #ffffff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}
#nav a
{
color:#ffffff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}
#nav a:hover
{
color:#ffffff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}
.sous_menu a:visited
{
color: #00ccff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}



/****************************************************************************************************************************/

#footer { clear:left;clear:right; padding-top: 2px;text-align:center;
LEFT: 0px; background-color:#eee;
	 FONT-SIZE: 11px; width: 100%; COLOR: #999999}
	 
	 #footer  a{text-decoration:underline; COLOR: #999999;margin-right:10px;}
	
	
	}
	
	
	/*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media print  {
#content .grand_bleu{color:#003366;font-size: 15px;font-weight: bold;padding-bottom:3px;}
#content .grand_bleu a{color:#003366;text-decoration:none;}
#content .grand_bleu {color:#003366;text-decoration:none;}

#content .petit_bleu{color:#003366;font-size: 13px;font-weight: bold;padding-bottom:3px;}
#content .petit_bleu a{color:#003366;text-decoration:none;}
#content .petit_bleu a:hover{color:#003366;text-decoration:none;}
#content .intitule_evenement{color:#003366;font-size: 15px;font-weight: bold;}
#content .img_droite{float:left;border:1px;}

#content .menu_atelier{padding-bottom:10px;position:absolute;top:200px;width:60px;left:700px;}
#content .item_atelier{padding-right:10px;padding-left:10px;padding-bottom:20px;}
#content .item_atelier_fiche{padding-right:10px;padding-left:10px;padding-bottom:5px;padding-top:5px;margin-bottom:10px;border-width:1px 0px 1px 0px;border-color:#cccccc;border-style:dotted;font-size:9px;text-align:left;}
#content .item_atelier_fiche a{text-decoration:none;font-size:9px;text-align:left;}

#content .documentation_doc{color:#003366;font-size: 13px;font-weight: bold;padding-bottom:3px;}

#content .chapitre{margin-top:20px;font-size: 12px;font-family:Arial;text-align:justify;line-height:17px;width:540px;border-width:0px 1px 0px 1px;border-color:#cccccc;border-style:dotted; }




















body {color:#000000;margin:0px;  padding:0px;background-color:#333333;background-image: 
url("../commun/pole_service/image/habillagefontbleu.gif");
background-repeat: repeat-yx;}

#conteneur {
    position:absolute;
	left:50%;
	width:790px;

	margin-left:-400px;
	padding:0px;
	background-color:#cccccc;border:0px;border-color:black;border-style:solid;
    border-style: solid;
border-width: 1px 1px 1px 1px ;border-color: #cccccc;}
#menuprincipal {display:none;
	MARGIN-top: 0px;MARGIN-left: 0px; COLOR: #cccccc; MARGIN-bottom:;height:;background-color:0099cc;border-style:solid;
    border-style: solid;
border-width: 5px 0px 0px 0px ;border-color: #ffffff; 
}

#main {	margin-top:0px;background-color:#0099cc;border-style: solid;
border-width: 0px 0px 0px 0px;border-color: #ffffff;}

#content { margin-left:140px; COLOR: #000; PADDING-TOP: 0px;PADDING-bottom: 20px;  PADDING-left: 15px;PADDING-right: 10px;background-color:#ffffff; border-style: solid;
border-width: 0px 0px 0px 1px ;border-color: #000000;}

#content .surtitre_page{COLOR: red; font-size: 10px;font-family:Arial;padding-top:0px;}/*concerne les articles*/

#content .titre_page{COLOR: #003366; font-size: 30px;font-family:Arial;padding-top:0px;width:500px;}
#content .soustitre_page{COLOR: #cccccc; font-size: 12px;font-family:Arial;}/*concerne les articles*/
#content .date_page{COLOR: #cccccc; font-size: 10px;font-family:Arial;text-align:right;}/*concerne les articles*/

#content .titre_chapitre{COLOR: #000000; font-size: 13px;font-family:Arial;font-weight: bold;margin-bottom:0px;}/*concerne les articles*/





















#content .titre_chapitre_accueil{COLOR: #ff9900;; font-size: 13px;font-family:Arial;font-weight: bold;margin-bottom:0px; }/*concerne la présentation des accueil depole (service ,aide...)*/
#content .chapitre_accueil{margin-top:20px;font-size: 12px;font-family:Arial;text-align:justify;line-height:17px;}/*concerne la présentation des accueil depole (service ,aide...)*/


/*#content p{text-align:justify;font-size: 12px;letter-spacing: 1px;line-height:15px;}*/
#content .imagedroite{float:left;}/*concerne les articles*/
#content a{color:#003366;margin:5px;margin-top:5px;}/*la couleur des liens par défautvisible dans service par exemple*/
#content a:visited{color:#003366;}/*la couleur des liens par défautvisible dans service par exemple*/
#content a:hover{color:#ffcc00}/*la couleur des liens par défautvisible dans service par exemple*/


/****************************************************************************************************************************/
#nav {display:none;position:relative;  float:left;top:0px;  PADDING-left: 0px;
  LEFT: 0px;   WIDTH: 140px; COLOR: #eee;background-color:#0099cc;}
#nav  .sous_menu ul{
margin-top:2px;
margin-left:5px;/*pour rajouter une puce machine il faut modifier margin et padding pour decouvrir la puce*/
padding-bottom: 0px;
padding-left: 5px;
list-style-image:  url(flechpixpucebleu.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#nav ul{
margin-left:15px;
margin-right:0px;/*pour rajouter une puce machine il faut modifier margin et padding pour decouvrir la puce*/
padding-bottom: 0px;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.sous_menu li {
padding-left: 0px;/*permet de decouvrir les puces images.attention cela decale le texte des item vers la gauche*/
padding-right: 5px;

padding-bottom: 10px;

}
#nav li {
padding-left: 0px;/*permet de decouvrir les puces images.attention cela decale le texte des item vers la gauche*/
padding-right: 0px;

padding-bottom: 10px;

}
.titre_sous_menu 
{
color: #00ccff;/*fixe la couleur du texte*/
/*fixe la couleur du menu*/
font-size:14px;
font-weight:;
text-decoration:;

margin-bottom:10px; 
margin-left:0px; 




}
.sous_menu a
{
color: #ffffff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}
#nav a
{
color:#ffffff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}
#nav a:hover
{
color:#ffffff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}
.sous_menu a:visited
{
color: #00ccff;/*fixe la couleur du texte*/
background-color:;/*fixe la couleur du menu*/




}



/****************************************************************************************************************************/

#footer { clear:left;clear:right; padding-top: 2px;text-align:center;
LEFT: 0px; background-color:#eee;
	 FONT-SIZE: 11px; width: 100%; COLOR: #999999}
	 
	 #footer  a{text-decoration:underline; COLOR: #999999;margin-right:10px;}
	
	
	}