/* CSS Document */

body {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	margin:0px;
	border:none;
	background-color:#c6c6c6;
	background-image:url(images/bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	
	
	
	}
	
img { 
border: 0;
text-decoration:none;
 }	

a.img { 
 border: 0;
 text-decoration:none;
 
 }


/* -------------------  GENERAL TAB ELEMENTS */
.tab_general {
width:100%;
border:none;

}



/* -------------------  HEADER ELEMENTS */

.tb_header {
width:100%;
height:205px;
border:none;

}

.td_logo {
width:207px;
height:205px;

}

.td_vignettes {
background-color:#120f52;

}



/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 99%; /* Set to gallery width, in px or percentage */
height: 150px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #120f52; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid #cccccc; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */



/* -------------------  LEFT ELEMENTS */
.tab_menu {
background-color:#b0b0b2;
border:none;
height:100%;
}

.titre_fondation {
vertical-align:top;
margin-top:17px;
margin-bottom:30px;
font-size:13px;
font-weight:bold;
text-align:center;

}

.titre_fondation_ar {

vertical-align:top;
margin-top:17px;
margin-bottom:30px;
font-size:17px;
font-weight:bold;
text-align:center;
}

.menu1 {
background-image:url('images/menu1.jpg');
background-repeat:no-repeat;
height:22px;

}

.menu2 {
background-image:url('images/menu2.jpg');
background-repeat:no-repeat;
height:22px;
}

.menu3 {
background-image:url('images/menu3.jpg');
background-repeat:no-repeat;
height:22px;

}


.text_menu  a {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin-left:30px;
text-decoration:none;

}

.menu_vide {
height:18px;

}

.event_titre {
margin-top:16px;
margin-left:25px;
color:#120f52;
font-size:18px;
font-weight:bold;
}

.event_titre_ar {
margin-top:16px;
margin-right:25px;
color:#000000;
font-size:20px;
font-weight:bold;
}


.event_date {
margin-top:4px;
margin-left:25px;
color:#000000;
font-size:14px;
font-weight:bold;
}

.event_date_ar {
margin-top:4px;
margin-right:25px;
color:#000000;
font-size:16px;
font-weight:bold;
}

.event_text {
margin-top:16px;
margin-left:25px;
font-size:11px;
text-decoration:none;
}


.event_text_ar {
width:61%;
margin-top:16px;
margin-right:14px;
font-size:15px;
float:right;
text-align:justify;
}

.event_logo{
float:right;
margin-left:10px;
}

.event_logo_ar{
float:left;
margin:10px;
}

/* -------------------  RIGHT ELEMENTS */


.titre_news a {
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;

}

.titre_news_ar a {
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;

}

.intro_news a {
font-size:11px;
text-decoration:none;
color:#000000;
text-align:justify;

}

.intro_news_ar a {
font-size:15px;
text-decoration:none;
color:#000000;
text-align:justify;

}


.separateur_news {
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
}





/* -------------------  Page rubrique */

.page_rub_titre {
width:auto;
margin-left:25px;
margin-right:20px;
color:#000066;
font-size:16px;
font-weight:bold;

}

.page_rub_ligne {
background-image:url("images/ligne.jpg");
background-repeat:repeat-x;
width:90%;
}

.sousrub_titre {
margin-right:20px;
margin-top:5px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

.rub_logo {
float:left;
margin-right:7px;
margin-bottom:2px;
margin-top:3px;

}

.rub_intro ,.rub_intro a {
font-size:12px;
color:#000000;
text-decoration:none;
}

.tiret {
width:100%;
margin-left:25px;
background-image:url("../images/tiret_bg.gif");
background-repeat:repeat-x;
}


/* -------------------  page article */

.page_art_titre {
width:auto;
margin-left:25px;
margin-right:20px;
color:#000066;
font-size:16px;
font-weight:bold;
}

.page_art_titre_ar {
width:auto;
margin-right:25px;
margin-left:20px;
color:#000066;
font-size:20px;
font-weight:bold;
}

.article_text {
margin-left:25px;
margin-right:10px;
margin-top:30px;
font-size:12px;
text-align:justify;
}

.article_text_ar {
margin-right:25px;
margin-left:10px;
margin-top:30px;
font-size:15px;
text-align:justify;
}



.article_logo{
float:right;
margin-top:30px;
margin-left:7px;
margin-right:10px;

}

.article_logo_ar{
float:left;
margin-top:30px;
margin-right:7px;
margin-left:10px;

}

/* -------------------  recherche */


.champ_recherche {	
    
	background: #eee url("../images/search.gif") no-repeat 0px center;
	height:14px;
	width:100px;
	border:none;
	position:absolute;
	padding-left: 20px;
	font-size:11px;

}	
	
	

/*----------------------- STYLES Du Formulaire contact-----------------------*/	





#contactform label{
font-family:Arial, Helvetica, sans-serif;
  margin-left:6px;
  position: relative;
  display: block;
  width: 15em;
  height: 1.4em;
  font-size:12px;
  font-weight:bold;
  margin-top:10px;
}

.contact_input {
font-size:12px;
  position: absolute;
  left: 120px;
  width:140px;
  height:13px;
}

.envoyer_bouton {
    font-size:12px;
	font-weight:bold;
	background:#d38726;
	color:#ffffff;
	text-decoration:none;
	border:none;
	padding-top:1px;
	padding-bottom:1px;
	float:left;
}

#contactform legend {
  padding: 0.2em 0.5em;
  border:1px solid #1d5a9c;
  color:#272d8b;
  font-weight:bold;
  font-size:12px;
  text-align:right;
  }
  
#contactform fieldset {
    padding: 1em;
    border: 1px solid #1d5a9c;
    margin: 0 0 15px 15px;
    display: block;
	font-size:12px;
}

.contact_fieldset {
    padding: 1em;
    border: 1px solid #1d5a9c;
    margin: 0 0 15px 15px;
    display: block;
	font-size:12px;
}

.contact_legend {
 padding: 0.2em 0.5em;
  border:1px solid #1d5a9c;
  color:#272d8b;
  font-weight:bold;
  font-size:12px;
  text-align:right;
  }





/* -------------------  page recherche */
.recherche_texte {

font-size:12px;

}

/* -------------------  page droite */




/*----------------------- STYLES Du newsletter-----------------------*/

.newsletter_label {

  display: block;
  width: 100%;
  font-size:12px;
 
}

.mailinput {

  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  height:15px;
  width:100px;
}

.ok_bouton {
    height:20px;
    position: absolute;
    font-size:12px;
	font-weight:bold;
	background:#436c98;
	color:#ffffff;
	text-decoration:none;
	border:none;
}

/*----------------------- STYLES Du newsletter-----------------------*/

.labelnewsletter {
  margin-left:6px;
  position: relative;
  display: block;
  width: 15em;
  font-size:11px;
  font-weight:bold;
  margin-top:10px;
}

.mail_input {
font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  position: absolute;
  width:95px;
  height:14px;
}


.envoyer_b {
    position:relative;
    left:155px;
    font-size:12px;
	font-weight:bold;
	background:#436c98;
	color:#ffffff;
	text-decoration:none;
	border:none;
	padding-top:1px;
	padding-bottom:1px;
	
}

.newsletterfieldset {
    padding: 1em;
    border: 1px solid #1d5a9c;
    margin: 0 0 15px 15px;
    display: block;
}

.newsletterlegend {
  padding: 0.2em 0.5em;
  border:1px solid #1d5a9c;
  color:#282d8b;
  font-weight:bold;
  font-size:12px;
  text-align:right;
  }
  
.ok_b {
    font-size:12px;
	font-weight:bold;
	background:#436c98;
	color:#ffffff;
	text-decoration:none;
	border:none;
	padding-top:1px;
	padding-bottom:1px;

}



/* -------------------  Menu deroulant */




.nav1 {
        /*bloc contenant la hiérarchie*/
        width: 100%;
        padding:0px;
        font-size: 12px;
		font-weight:bold;
}

ul.menulist li ul{ display:none; }

ul.menulist li:hover>ul{ display:block; }

ul.menulist,
ul.menulist ul{

 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:205px;
 _width:300px;
}

ul.menulist ul{
 position:absolute;
 top:-1px;
 left:205px;
 background-color:#272d8b;
}

ul.menulist li{
 position:relative;
 margin:0px;
 padding:0px;

 
}

ul.menulist a{
 display:block;
 _width: 100%;
 color:#FFFFFF;
 text-decoration:none;
 padding: 5px;
}

li.smenu a:hover{
background:transparant;
	
 color:#FFFFFF;
}


ul.menusmenu background-repeat: no-repeat;
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
        background-image: url(../images/arrowb.gif) !important;
        background-position: 137px;
        background-repeat: no-repeat;
}


/* ---------menu gauche---------- */

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/

border-bottom-width: 0;
margin-left:10px;
}

.glossymenu a.menuitem{
background-image:url('images/menu5.gif');
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
margin-bottom:12px;
margin-top:12px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{

background-image:url('images/menu7.gif');
background-repeat:no-repeat;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/

background: #b0b0b2;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #a3a3a3;
}

.glossymenu div.submenu ul li a{
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #121053;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

/* --------------------------------corps------------------------- */
.sepho {
height:100px;
width:4px;
background-image:url(/images/sepho.gif);
background-repeat:repeat-y;


}

.mission_logo,.a {
float:left;
margin-right:7px;
margin-top:1px;

}

.mission_titre,.a {
font-size:12px;
font-weight:bold;
color:#120f52;

}

.mission_texte,.a {
font-size:11px;
text-align:justify;
margin-right:8px;
color:#000000;
}

.mission2_texte,.a {
font-size:11px;
text-align:justify;
color:#000000;
}








/* les miniatures */

#minipics{
	float:left;
	display:inline;
	clear:both;
	margin:0 0 0 3px;
	}
#minipics ul{
        list-style-type: none;
        display:inline;
        padding:0;    
        clear:both;
}
#minipics li{
	padding:8px 4px;
	display:block;
	width:100px;
	margin:6px 0 8px 12px;
	float:left;
	}
#minipics li p{
	margin:4px;
	padding:0;
	  clear:both;
	}
#minipics li img{
	display:block;
	margin:3px auto;
		}	
#minipics li.transparent a:hover img{
	filter:alpha(opacity=100)!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.00;opacity:1; 
}
#minipics li.transparent a img{
	filter:alpha(opacity=70)!important;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: .7; opacity:.7; background:#fff;
}




/* les div minipics */


.logorond{	
	padding:4px 7px;
	margin:8px;
	background:#fff;
	width:inherit!important;
	width:95px;
	text-align:center;
}	
.textepics{
		width:340px;	
}
.transpa{
	filter:alpha(opacity=15)!important;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
	-moz-opacity: .15; opacity:.15; background:#fff;
position:relative;
}
.plusbas{
	position:absolute;	
	text-align:center;
	line-height:1.8em;
	width:48px;
}


/* les tableaux */

table.spip { 
font: 1em arial,"Trebuchet MS",sans-serif;
width:96%;
margin:0 5px; 
text-align:center;
}

table.spip tr {
	width:auto;
	-moz-border-radius:6px;	
}