/*nav*/

#contain {
border:0 solid #FFFFFF;
left:50%;
margin:0 auto 0 -492px;
padding-left:280px;
position:absolute;
text-align:left;
top:120px;
width:550px !important;
width:550px;
z-index:150;
}


dl.menu, dl.menu dt, dl.menu dd, dl.menu dd ul, dl.menu dd ul li
{
	margin: 0px !important;
	padding: 0px !important;
}
dl.menu
{
	float: left;
	width: 120px;
        
	cursor: pointer;
	
	height:26px;
		
}

dl.menu a span {
display:none;
}

dl.menu a.prem
{
	margin-top:5px;
	color:#666;
	width:120px;
        height:21px;
	text-align:left;
	display: block;
	padding-bottom:0px;
		
}


dl.menu a.prem:hover
{color:#235787;font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

dl.menu dt
{
	
	font-size: 12px;
	height:28px;
	color: #000;
	margin: 0px;
	padding: 0px;

}
dl.menu dd ul
{
	
	width: 120px !important;
        width:120px;
	margin:0px auto;padding:0px;
	list-style-type: none;
	background: #fff;
        border:1px #ccc solid ;
        border-top:none ;
	font-size: 11px;
	display:none;
}
dl.menu dd ul li:hover
{
	
}
dl.menu dd ul li a
{
color:#235787;
display:block;
font-family:arial;
font-size:11px;
font-weight:bold;
padding-bottom:2px;
padding-left:5px;
padding-top:3px;
text-decoration:none;

width:120px ;


}
dl.menu dd ul li a:hover
{
color:#fff;
background-color:#89b9cf;
text-decoration:none;
padding-left:5px;
padding-bottom:2px;
padding-top:3px;
}
dl.menu dd ul li 
{
color:#fe8901;
	margin: 0px auto;padding: 0px;
border:1px solid #fff;
display:block;
}

a.etablissement, a.etablissement:visited{
background-image:url(zwo_info/css/images/bt_off_r1_c1.jpg);
background-repeat:no-repeat;
background-position: top left;
width:123px;
height:23px;
}
a.etablissement:hover{

background-image:url(zwo_info/css/images/bt_on_r1_c1.jpg);
background-repeat:no-repeat;
background-position: top left;
width:123px;
height:23px;
}

dl#etablissementDL {
width:123px;
width:123px !important;

}
dl#etablissementDL a.prem {
width:123px;
width:123px !important;
 }

dl#etablissementDL dd ul li 
{
color:#fe8901;
margin: 0px auto;padding: 0px;
border:1px solid #fff;
display:block;width:170px;
}

dl#etablissementDL dd ul  {
width:168px !important;
}

dl#etablissementDL dd   {
width:168px !important;
}

dl#etablissementDL dd ul li a{
width:180px !important;
width:180px ;

}









a.enseignement, a.enseignement:visited{
background-image:url(zwo_info/css/images/bt_off_r1_c3.jpg);
background-repeat:no-repeat;
background-position: top left;
width:124px;
height:23px;
}
a.enseignement:hover{
background-image:url(zwo_info/css/images/bt_on_r1_c3.jpg);
background-repeat:no-repeat;
background-position: top left;
width:124px;
height:23px;

}

dl#enseignementDL {
width:124px;
width:124px !important;

}
dl#enseignementDL a.prem {
width:124px;
width:124px !important;
 }
dl#enseignementDL dd ul li 
{
color:#fe8901;
margin: 0px auto;padding: 0px;
border:1px solid #fff;
display:block;width:190px;
}

dl#enseignementDL dd ul  {
width:188px !important;
}

dl#enseignementDL dd   {
width:188px !important;
}

dl#enseignementDL dd ul li a{
width:190px !important;
width:190px ;

}


a.sportetude, a.sportetude:visited{
background-image:url(zwo_info/css/images/bt_off_r1_c4.jpg);
background-repeat:no-repeat;
background-position: top left;
width:106px;
height:23px;
}
a.sportetude:hover{
background-image:url(zwo_info/css/images/bt_on_r1_c4.jpg);
background-repeat:no-repeat;
background-position: top left;
width:106px;
height:23px;

}
dl#sportetudeDL {
width:106px;
width:106px !important;

}
dl#sportetudeDL a.prem {
width:106px;
width:106px !important;
 }
dl#sportetudeDL dd ul li 
{
color:#fe8901;
margin: 0px auto;padding: 0px;
border:1px solid #fff;
display:block;width:180px;
}

dl#sportetudeDL dd ul  {
width:178px !important;
}

dl#sportetudeDL dd   {
width:178px !important;
}

dl#sportetudeDL dd ul li a{
width:180px !important;
width:180px ;

}

a.actualitesetinformations, a.actualitesetinformations:visited{
background-image:url(zwo_info/css/images/bt_off_r1_c5.jpg);
background-repeat:no-repeat;
background-position: top left;
width:181px;
height:23px;
}
a.actualitesetinformations:hover{
background-image:url(zwo_info/css/images/bt_on_r1_c5.jpg);
background-repeat:no-repeat;
background-position: top left;
width:181px;
height:23px;

}
dl#actualitesetinformationsDL {
width:181px;
width:181px !important;

}
dl#actualitesetinformationsDL a.prem {
width:181px;
width:181px !important;
 }
dl#actualitesetinformationsDL dd ul li 
{
color:#fe8901;
margin: 0px auto;padding: 0px;
border:1px solid #fff;
display:block;width:190px;
}

dl#actualitesetinformationsDL dd ul  {
width:188px !important;
}

dl#actualitesetinformationsDL dd   {
width:188px !important;
}

dl#actualitesetinformationsDL dd ul li a{
width:190px !important;
width:190px ;

}



/* ######### redéfinitions de tags ######## */
td {
/* Changer ici les couleurs, familles et tailles 
de fontes par défaut pour tout le site */
/* dans zwook tous les textes apparaissent systématiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */
font-family: arial,helvetica, verdana, sans-serif;
font-size:11px;
color:#583730;
}

/* style des cellules de titre */

th {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:dark;
border-top:0px solid #990066;
border-bottom:1px solid #990066;
background:none;
}
body{
background-image:url(zwo_info/css/images/fond-degrade.jpg);
background-position:top left;
background-repeat: repeat-x;

}

/* Style des liens */

a:link {
text-decoration:none;
color:#235787;
}

a:visited {
text-decoration:none;
color:#235787;
}

a:hover {
text-decoration:none;
background:none;
color:#4992ef;
}

a img {
border:0px;
}
p {
text-align:justify
}
em {
color:#131313;
}

h4 em, h4 a, h5 a, h4 a:visited, h5 a:visited {
color:#cc0000;
}

h5 em {
color:black;
padding:0px;margin:0px;
display:inline;
}

/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des éléments de formulaire */
input, textarea {
background: #accddd;
color:#131313;
border: none;
}

strong {
color:#443f00;
font-size:12px;
font-weight:bold;
}

strong h3 {
border-bottom:0px solid #131313;
page-break-after: avoid;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
}

fieldset {border:1px solid #B4B4B4;} 
fieldset legend {color:#000000; font-weight:bold; font-family:georgian,Arial, sans serif;} 
fieldset div {margin :5px;}


label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 37%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
font-size: 85%;
text-align: right; /*** ... et ils sont alignés à droite... ***/
line-height: 1.6;
margin: 0;

padding: 0;
}

input:hover {

cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
background: #89b9cf;
}

/* Style des niveaux de titre */
h1, h2, h2 a, h2 a:visited  {
font-family:arial,verdana,sans-serif;
color:#546475;
font-weight:bold;
}
h1 {
color:#4992EF;
font-family:trebuchet ms,arial,verdana,sans-serif;
font-size:17px;
letter-spacing:0.02px;
margin-top:0;
padding-top:0;
text-transform:uppercase;
}
h2 {
font-size:16px;
font-family:trebuchet ms, arial,verdana,sans-serif;
color:#4992ef;
padding-top:0px;
margin-top:0px;
}
h3 {
font-family:arial,verdana,sans-serif;
color:#2356ca;
font-weight:bold;
font-size:16px;
}

h4 {
color:#ffffff;
font:bold 10px verdana,georgia,arial;
display:block; padding:0px ; marging:0px;clear:both;
padding:2px ; 
marging:0px;
background-color: #336699;
border-top:1px solid #efefef;
border-right:none;border-left:none;
}

h5 {
color:#443f00;
font:bold 10px verdana,georgia,arial;
display:block; padding:0px ; margin:0px;
padding:2px ; 
marging:0px;
background-color: #ffcc00;
border-top:1px solid #ffffff;
border-bottom:1px solid #ff9900;
border-right:none;border-left:none;
}

strong.plone {
width:80px;
padding: 0px 3px;
font-family:arial,verdana,sans-serif;
font-size:10px;
color:#000000;
background-color:#FFFFff;
font-weight:bold;
border-bottom:0px  #F7AC11;
border-left:1px solid #F7AC11;
border-right:1px solid #F7AC11;
border-top:1px solid #F7AC11;
}

/* Style des listes */
ul li {
list-style-image:url(zwo_info/css/images/ul.gif);
padding-bottom:5px;
margin-left:0px;
}

/* Style des footnotes */
fn, sup {
color:#131313;
}

/* ######### classes génériques ######## */
.error_message {
font-size:large;
color:red;
text-align:center;
}




.ombre2
{
background-image:url(zwo_info/css/images/ombre2.jpg);
background-position:top left;
background-repeat: repeat-y;
}

.ombre3
{
background-image:url(zwo_info/css/images/ombre3.jpg);
background-position:top left;
background-repeat: repeat-y;
}
.bann
{
background-image:url(zwo_info/css/images/bann.jpg);
background-position:top left;
background-repeat: no-repeat;
}
.sport
{
background-image:url(zwo_info/css/images/img_sport_etude.jpg);
background-position:top left;
background-repeat: no-repeat;
}
.enseignement
{
background-image:url(zwo_info/css/images/img_enseignement.jpg);
background-position:top left;
background-repeat: no-repeat;
}

/*-----------------modules------------*/
.news_history a ,.news_history a:link ,.news_history a:visited {
font-size:12px;
font-family:trebuchetms,arial,verdana;
font-weight:bold;
color:#05acd1;
background-image:url(zwo_info/css/images/rond_actu2.gif );
background-repeat:no-repeat;
background-position:-2px 2px;
padding-left:25px;
padding-bottom:5px;
background-repeat:no-repeat;


}

.news_history a:hover{
text-decoration:none;
color:#fff;
background-position:-2px 2px;
}


a#newsAdr ,a#newsAdr:link ,a#newsAdr:visited,a#newsAdr:hover{
background-color:#accddd;
color:#fff;
font-size:12px;
font-family:arial, verdana;
display:block;
padding-left:10px;
padding-top:5px;
}
a#newsAdr:hover{
color:#235787;
}

.resume_historymonitor{
font-size:10px;text-align:left;padding-bottom:10px;color:#235787;
}
.resume_historymonitor h3{
margin-bottom:0px;
}

.image_historymonitor{
display:block;
clear:both;
margin-top:10px;
margin-bottom:10px;
width:165px;
float:left;
margin-right:10px;
height:84px;
}

/* recherche */

#zwo_search {
display:inline;
}

#zwo_search input{
font:10px verdana;
display:inline;width:140px;
border:#ccc inset 1px;
}

.block_droit{
border-right:0px solid #C4C7C9;
background-color:#B26171;
border-bottom:1px solid #C4C7C9;
height:100%;
color:##fff

}
.block_droit a, .block_droit a:link, .block_droit a:visited{
color:#fff;font-weight:bold;;
}

.block_droit a:visited {
color:#fff;
font-weight:bold;
}


/*     Module news_history_Vimg     */

.news_link{
width:100%;
clear:both;

margin:4px;

padding:4px;
float:left;
font-family: verdana;
font-size:10px;
}
.news_link div{
padding-right:12px;
text-align:left;
width:auto;


}

.news_link div.nl_img{
float:left;
width:95px
text-align:left;
}
.news_link p{
float:left;
color:#000033;
font-family: verdana;
font-size:10px;
text-align:left;
}


.news_link img{
border:2px solid #666666;
margin-right:12px;
float:left;
background-image:url(zwo_info/css/images/black_pointer.gif);
background-repeat:no-repeat;
background-position: top right ;

}
.news_link img:hover{
border:2px solid #000;
}

.newz_link a ,.newz_link a:link ,.newz_link a:visited {
display:block;
}

/* CSS Document _ produit_dispatch*/

div.banc_prod_gauche{
float:left;
font:12px arial;
color:#333;
width:60%;padding-right:4px;
border-right:1px solid #369;

}

div.img_banc {
font: bold 10px verdana;
background-color:#336699;
padding-left:1em;padding-bottom:0px;padding-top:0px;

border-bottom:1px solid #efefef;
}
div.img_banc img {
border: 1px solid #fff;border-top:0px;border-bottom:0px;
}


div.banc_prod_droit h3,div.banc_prod_gauche h3{
height:20px;
line-height:20px;
color:#2A2859;
border-left:1em #E07CBC solid;
display:block;
background-color:#dedede;
padding:0px;
padding-top:3px;
padding-left:3px;
margin-bottom:5px;
font: bold 10px Verdana,Arial, Helvetica, sans-serif;
}

div.banc_prod_gauche h4{
background-image:url(zwo_info/css/images/red_arrow.gif);
background-position:10px 3px;

background-repeat:no-repeat;
padding-left:20px;
font: bold 12px arial;
color:#ffffff;
margin:0px;
margin-top:10px;
text-align:left;
}


div.banc_prod_droit {
float:left;
font:12px arial;
color:#333;
width:35%;
padding-left:6px;
float:left;
}


div.banc_prod_droit p{
padding:5px;
color:#036;
margin:0;
background-color:#F8F8F8 ;
border-bottom:1em solid #696564;
font:10px verdana ;
margin-bottom:10px;
text-align:jusify;
}

div.banc_prod_droit  ul{
background-color:#F8F8F8;
padding:5px;
color:#666;
margin:0;
margin-bottom:3px;
font:bold 10px verdana;
text-align:left;
}

div.banc_prod_droit  li{
display: block;
list-style-type:none;
background-image:url(zwo_info/css/images/puce_bleu_carre.gif);
background-repeat:no-repeat;
background-position:3px 6px;
font:normal 10px verdana;
font-weight:normal;
padding:0px;
padding-left:12px;
text-align:left;
}


div.banc_prod_droit strong
{
font-size:10px;
}


a.pdf ,a.pdf:link ,a.pdf:visited 
{
text-decoration:none;
display:block;
color:#666666;
background-image:url(zwo_info/css/images/pdf.gif);
background-repeat:no-repeat;
padding-left:20px;
width:150px;
}

a.pdf:hover 
{
text-decoration:none;
color:#000000;
padding-left:20px;
}

#selecteur_prod_dispatche
{
overflow:hidden;
width:135px;
font: 12px arial ;
border: #333 2px inset;
}

a.norfooter,a.norfooter:link,a.norfooter:visited {
font-family:arial, verdana;
color:#235787;
font-size:10px;

}


a.norfooter:hover {
font-family:arial, verdana;
color:#235787;
font-size:10px;
}
a.selfooter,a.selfooter:link,a.selfooter:visited {
font-family:arial, verdana;
color:#235787;
font-size:10px;
}
a.selfooter:hover {
font-family:arial, verdana;
color:#235787;
font-size:10px;
}

span.friend{
margin-bottom:5px;
}

/***********recommander la page**************/
.row input{
width:250px;
margin-left:10px;
}
.row{
width:500px;
text-align:right;
margin-bottom:10px;

}
.label{
text-align:left;

}
.row textarea{
width:250px;
margin-left:10px;
}
.row input.bouton{
background-color:#009EE0;
color:#FFFFFF;
width:30px;
margin-top:10px;
font-weight:bold;
font-size:12px;
border:1px solid #009EE0;
}
.row input.bouton:hover{
background-color:#005393;
color:#FFFFFF;
border:1px solid #005393;
width:30px;
margin-top:10px;
font-weight:bold;
font-size:12px;
}


.chemin a{

font-size:10px;
color:#66483d;
}