/*
BODY{ background-image : url(fr/icones/fond.jpg) ;background-repeat : repeat;}
*/
BODY{ background-image : url(fr/icones/fond.jpg) ;background-repeat : repeat-x;}

/* On s'impose ici
* { 
     background-color: #C0C0C0 ! important;
     color: black ! important;
 }*/
#container{ width:770px;  height : auto;  margin : auto; margin-top : 0px; background-color : white;  
			text-align : justify; border : 1px solid #C8E4FF;}
#logo{ 	width:750px;    height : 143px; margin : 10px 10px 0px 10px; 
		background-image : url(fr/images/header.jpg);	}
#pont{ 	width:750px;    height : 143px; margin : 10px 10px 0px 10px; 
		background-image : url(fr/images/pont.jpg);	}
#navigation{ 	width : 750px; height : 30px;  margin-left : 10px; margin-right : 10px; margin-top : 1px; 
				background-image : url(fr/nav/menu.jpg);  background-repeat : repeat;}

#advert{ width : 750px; height : 18px; margin-left : 10px; margin-right : 10px; margin-top : 1px; background-color :;  
			border-bottom : 1px solid #191970; font-family:  verdana, tahoma, helvetica, arial  ; color : maroon;
			font-size : 10px;}

#copyright{ margin:10px ;  clear:both;  padding-top : 8px; width:750px; height:20px;   
			text-align : center; font-family: tahoma;  font-size : 9px;  
			text-decoration: none; color: #F0E68C;  background-image : url(fr/nav/menu.jpg);}
			

#entry{ margin-top : 0px; height : auto; margin-bottom : 0px;  padding : 0px;}
#entry li {font-family:  verdana, tahoma, helvetica, arial  ;  color: #262626;  font-size : 11px;text-align : justify;  line-height : 13px; text-decoration: none; margin-top:5px; margin-bottom:5px;}

.entry{ height : auto;  padding : 0px;}
.entry li {	font-family:  verdana, tahoma, helvetica, arial  ;  color: #262626;  font-size : 10px;text-align : justify;  
			line-height : 13px; text-decoration: none; margin:5px 0px;}


#work{  width:750px; height:auto; padding : 15px 10px 0px 10px }

#content{   margin : 15px 0px 0px 10px; width:580px; height:auto; float:left; }
.content{   margin : 15px 0px 0px 10px; width:580px; height:auto; float:left; }
.content ul { 	list-style-type : none; padding-left:0px; margin-left:0px; text-align : justify;
				font-family:  verdana, tahoma, helvetica, arial  ;  color: #262626;  font-size : 11px;  
				line-height : 13px; text-decoration: none; margin-top:5px; margin-bottom:5px;	}

#sidebar{   margin-left : 10px;  width:121px; height:100%;   margin-bottom : 10px; margin-top : 15px;  float : left;  
			background-image : url(fr/images/sidebar.jpg);}
			
#menu{   margin : 10px 0px 10px 10px;  width:121px; height:;   float : left;   border-right : 0px solid #D8D8D8;	}
#menu ul {  margin:0px;  padding:0px;  background-image : url(fr/icones/menu-ins.jpg);	}
#menu ul li{ 
	margin-top:1px ;  
	padding:0px 3px;
	list-style-type:none;
	font-family : verdava, arial; 
	font-size : 10px;
	color : maroon;
	font-weight : bold;
	height:16px;
}

#menu ul li a { color : #004262; text-decoration : none;  }
#menu ul li a:hover { text-decoration : ; color : #24B8FF;}

#maincontent { 
	margin : 15px 0px 15px 10px; width:600px; height:auto; float : left; 
	font-family : verdana, arial; font-size:10px; border : 0px solid navy; }

.maincontent { 
	margin : 15px 0px 15px 10px; width:445px; height:auto; float : left; 
	font-family : verdana, arial; font-size:10px; border : 0px solid navy; }
.right_menu { 
	margin : 15px 10px 15px 10px; width:145px; height:auto; font-family : verdana, arial; 
	font-size:9px; 	text-align: center; padding : 10px 0px; border-left : 0px solid #D8D8D8; 
	color : #005279; float : right; }

.photo { float:right; margin:10px; padding:5px; font-family:arial; font-size:10px; color:orange; text-align:center; border : 1px solid #E4E4E4; }

#left_nav{  margin-left : 10px; width:420px; height:auto;  background-color:white; margin-top : 15px; margin-bottom : 15px; 
			margin-right : 10px;  float : left; }
#right_nav{   width:310px; height:auto;   margin-top : 15px;  float : left; background-color:white;}

#left_half{  margin : 15px 0px 15px 10px; width:47%; height:auto; float : left; font-family : verdana, arial; }
#right_half{   float : right; margin : 15px 10px 15px 10px; width:47%; height:auto;  font-family : verdana, arial;}

.left_half{   margin : 15px 0px 15px 10px; width:47%; height:auto; float : left; font-family : verdana, arial; }
.right_half{   float : right; margin : 15px 10px 15px 10px; width:47%; height:auto;  font-family : verdana, arial;}

.left_part { margin : 15px 0px 15px 10px; width:50%; height:auto; float : left; font-family : verdana, arial; font-size:10px;}
.right_part { margin : 15px 0px 15px 10px; width:26%; height:auto; float : left; font-family : verdana, arial;font-size:10px;}

.left_part a, .right_part a {  color : #002F5E; text-decoration : none; font-size:10px; }
.left_part  a:hover , .right_part a:hover {  text-decoration : underline; color : maroon; }

.left_part ul, .right_part ul .left_part ul li, .right_part  ul li{ margin:0px 0px 0px 5px; padding:0px;}
.left_part ul li, .right_part ul li {list-style-type:none;}
.left_part ul li a, .right_part ul li a{ color : #005E8A; }

#in_nav{	margin-top : 30px;  width:100%; height : auto;  text-align : center;  padding-bottom : 5px;  
			padding-right : 5px;  padding-left : 5px;  padding-top : 5px;  vertical-align : middle;}
.in_nav{	margin-top : 30px;  width:100%; height : auto;  text-align : center;  padding-bottom : 5px;  
			padding-right : 5px;  padding-left : 5px;  padding-top : 5px;  vertical-align : middle;}
#news_nav{	margin-top : 5px;  width:100%; height : auto;  text-align : justify;  padding-bottom : 5px;  
			}
.news_nav{	margin-top : 5px;  width:100%; height : auto;  text-align : justify;  padding-bottom : 5px;  
			}			
		
#pointilles_nav{ width : 100%;  margin-top : 5px; margin-bottom : 5px; height: 1px; background-image : url(fr/icones/pointilles.jpg); background-repeat:repeat-x;}
.pointilles_nav{ width : 100%;  margin-top : 5px; margin-bottom : 5px; height: 4px; background-image : url(fr/icones/pointilles.jpg); background-repeat:repeat-x;}


/*
#topNav6 {  width : 200px;     }
#topNav6 ul {   list-style-type : none;    }
#topNav6 li {    padding : 0 10px;    margin : 2px 0;    background-color : #66f;    }
#topNav6 li a {  text-decoration : none;  color : #fff;  }
#topNav6 li a:hover {   color : #00ff7f;   }
*/

.right{ float : right; }
.left{ float : left; }
.top{ float : top;}
.bottom{ float : bottom;}
.imgicon{ border-width:0px; padding:5px; margin:5px; float:left; width:145px; height:100px;  border : 1px solid #F28711;}


.body{ 	font-family:  verdana, tahoma, helvetica, arial  ;  color: #262626;  font-size : 11px;text-align : justify;  
		line-height : 13px; text-decoration: none; margin-top:5px; margin-bottom:5px;}
p{ 	font-family:  verdana, tahoma, helvetica, arial  ;  color: #262626;  font-size : 10px;text-align : justify;  line-height : 13px; 
	text-decoration: none; margin-top:10px; margin-bottom:5px;}
.style_01{ 	font-family: arial, tahoma;  text-align : justify; font-size : 10px;  line-height : 11px; text-decoration: none; 
			color: #696969;}
.style_01a{ font-family: arial, tahoma;  text-align : left; font-size : 10px;  line-height : 11px; text-decoration: none; 
			color: #696969;}
.style_02{ 	font-family: arial, tahoma;  text-align : justify; font-size : 11px;  line-height : 13px; text-decoration: none; 
			color: #00016C; font-weight : bold;}
.style_03{ 	font-family: arial, tahoma;  text-align : center; font-size : 10px;  line-height : 13px; text-decoration: none; 
			color: #FFFF8C; }
.style_04{ 	font-family: arial, tahoma;  text-align : justify; font-size : 10px;  line-height : 11px; text-decoration: none; 
			color: grey;}
.style_05{ 	font-family:  verdana, tahoma, helvetica, arial  ;  color: #B7B7FF;  font-size : 9px;text-align : center;  
			line-height : 13px; text-decoration: none; }


.title_1{ font-family: verdana, Arial, tahoma;  font-size : 11px;  text-decoration: none; color: #00366C; font-weight : bold;}/*mem que h1*/
h1{font-family: Arial, verdana, Arial, tahoma;  font-size : 11px;  text-decoration: none; color: #00366C; font-weight : bold; margin-top:0px; margin-bottom:0px; text-align :left;}
.title_2{ font-family: arial, tahoma;  font-size : 10px;  text-decoration: none; color: #FF6347;  text-align:center; }/*mem que h2*/
h2{ font-family: arial, tahoma;  font-size : 10px;  text-decoration: none; color: #FF6347;  margin-left:0px; margin-top:0px; margin-bottom:0px;}
.title_3{ font-family: Century Gothic, arial, tahoma; font-weight:bold; font-size : 13px;  text-decoration: none; color: #A0791D;}/*mem que h3*/
h3{ font-family: arial, tahoma, verdana; font-size : 16px;  text-decoration: ; color: #003248;  margin:10px 0px 10px 0px; font-weight : bold; }
.title_4{ font-family: tahoma, arial;  text-align : justify; font-size : 12px;  text-decoration: underline; color: #004B97;}/*mem que h4*/
h4{ font-family: tahoma, arial;  text-align : justify; font-size : 10px;  text-decoration: none; color: #B7B7FF; margin:0px;}
.title_5{ font-family: tahoma, arial;  text-align : center; font-size : 10px;  font-weight:bold; color: orange; margin:0px;}
h5{ font-family: arial, tahoma;  font-size : 10px;  text-decoration: none; color: orange;  margin-left:0px; margin-top:0px; margin-bottom:0px;}




a.lien_01{ font-family:  arial, verdana;    font-size: 11px; text-decoration: none; color: #4179A8;  font-weight : bold;}
a.lien_01:hover{ text-decoration: underline; color: #FF6347;}

a.lien_02{ font-family:  tahoma, comic sans ms, arial;    font-size: 11px; text-decoration: none; color: #4179A8;  }
a.lien_02:hover{font-family:  tahoma,  arial;   font-size: 11px; text-decoration: underline; color: #FF6347;}

a.lien_03{ font-family:  tahoma,  arial;    font-size: 9px; text-decoration: underline; color: #F5DEB3;  }
a.lien_03:hover{font-family:  tahoma,  arial;   font-size: 9px; text-decoration: underline; color: #FF6347;}

a.lien_04{ font-family:  tahoma, arial;    font-size: 10px;  color: #0002D5;  }
a.lien_04:hover{font-family:  tahoma, arial;   color: #FF6347;}

a.lien_05{ font-family: helvetica, arial; font-size: 10px; text-decoration: none; color: #79BCFF;}
a.lien_05:hover{ color: #FF6347;}

a.lien_06{ font-family: helvetica, arial; font-size: 10px; text-decoration: none; color: #FFB871; }
a.lien_06:hover{ color : #48A6FF; }

a.lien_07{ font-family: verdana, tahoma, helvetica, arial; font-size: 9px; text-decoration: none; color: #B7B7FF; }
a.lien_07:hover{ color : #48A6FF; }

a.lien_list{ font-family: tahoma, century gothic,  arial;    font-size: 12px; text-decoration: none; color: #F0F378;  }
a.lien_list:hover{font-family:   tahoma, century gothic, arial; text-decoration: none; color: #FF6347;  font-size: 12px; }
a.lien_list:focus{font-family:arial; font-size:10px; color:#FF9562; font-weight:bold; }



.ssmenu, .ssmenu ul, .ssmenu ul li {  margin:0px;  padding:0px;}
.ssmenu { border-bottom: 1px solid #0072AE; }
.ssmenu li 	{ 
			list-style-type:none;
			border : 0px solid white;
			border-bottom : 0px solid blue;
		}
.ssmenu li a{ 	display: block; width:100%; border-top: 1px solid #0072AE; padding: 3px; font-size : 10px;
				font-family : verdana, helvetica, arial;  text-decoration : none; background-color: #4D9DC6;
				color: white;}
.ssmenu li a:hover  { color: #FF6600; 	background-color: white; }





.entry ul {list-style-type : none; padding-left:3px; margin-left:3px; }
.entry ul li ul {list-style-type : none;  padding-left:3px; margin-left:3px; }

.pub{ 	border : 1px solid orange;  width:200px; cursor:pointer; 
		background-image : url(fr/sbeitla/first.jpg);  background-repeat:no-repeat;  
		 background-position:; }