/* general */

    body{ 
		background:#d8e6ec url(../media/bg_body.gif) repeat-x;
        font:80% Arial, Helvetica, Sans-Serif;
		color:#555;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:center;
        }
	h1{
		font-size:200%;
		font-weight:bolder;
		margin:0.3em 0.6em;
		
		}		
	h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0.3em 0.6em;
		}	
	h2{            
		font-size:160%;
		
		}	
	h3{          
		font-size:140%;
		color:#CC3333;
		}
	h4{          
		font-size:120%;
		}				
	a{
		text-decoration:none;
		color:#6495ED;
		font-size:14px;
		}
	a:hover{
		color:#F30;
		font-weight:bolder;
		font-size:14px;
		
		}							
	p{
		margin:0.3em 1em;
		vertical-align:text-top;
		font-size:14px;
		font-weight:200;
				}	
	sep {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bolder;
	
	}	


/* // general */

/* page setup */

	#container{	
		margin:0 auto;
		width:928px;
		text-align:left;
		}
	#header{
		height:246px;
		background:url(../media/bg_header1.jpg) no-repeat 0 0;
		}				
	#content{
		background:url(../media/bg_content.gif) repeat-y;
		padding:0.5em 15px 0 10px;
		}
	#footer{
		padding:25px 30px;
		background:url(../media/bg_footer.jpg) no-repeat 0 0;				
		color:#fff;
		}	
	#footer a {
		text-decoration:none;
		color:#fff;
		}
	#footer a:hover{
		color:#d8e6ec;
		font-weight:bolder;
		
		}
		
	#par a {
		text-decoration:none;
		font-weight:bold;
		color:#fff;
		
		}
	#par a:hover{
		color:#FFA07A;
		font-weight:bolder;
		}					
	
    .comite_txt {
	border:0px none ;
	width:11em;
	color:#666666;
	cursor:default;
	}
	
	.comite_txt1 {
	border:0px none ;
	width:25em;
	color:#666666;
	cursor:default;
	font:large bold ;
	}
	
	.comite_txt2 {
	border:0px none ;
	width:15em;
	color:#333;
	font-size:14px;
	font-weight:bold;
	cursor:default;
	}
	.comite_txt3 {
	border:0px none ;
	width:18em;
	color:#666666;
	cursor:default;
	}
	
	.comite_txt_ar {
	visibility:hidden;
	border:0px none ;
	/*width:250px;
	height:30px;*/
	color:#666666;
	cursor:default;
	overflow:hidden;
	}
	.comite_ttl {
	font-size:18px;
	font-weight:bold;
	border:0px none ;
	width: 11em;
	color:#3300FF;
	cursor:default;
	}
/* //page setup */


#marqueecontainer{
position: relative;
width: 90%; /*marquee width */
height: 180px; /*marquee height */
background-color: white;
overflow: hidden;
border: 2px solid #FF9933;
padding: 2px;
padding-left: 4px;
margin-left: 3px;
font-size:14px;
}
/* menu 2 */

#nav {padding:0; margin:0px 0px 0px 10px; list-style:none; height:36px;  position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:10px; color:#d8e6ec; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0px 0 0px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 0px 0 0px; height:36px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 0px 0 0px; height:36px; }
#nav li a.top_link:hover {color:#FF9933;font-weight:bold; font-size:12px;}

#nav li a.top_link1 {display:block; float:left; height:36px; line-height:10px; color:#F4A460; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0px 0 0px; cursor:pointer;}
#nav li a.top_link1 span {float:left; display:block; padding:0 0px 0 0px; height:36px;}
#nav li a.top_link1 span.down {float:left; display:block; padding:0 0px 0 0px; height:36px; }
#nav li a.top_link1:hover {color:#FF9933;font-weight:bold; font-size:12px;}
/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:180px; height:0; margin:0; padding:0; list-style:none;color:#d8e6ec;font-weight:bolder;}

#nav li:hover ul.sub
{left:0; top:31px; background: #d8e6ec; padding:0px; border:1.5px solid #3a93d2; white-space:nowrap; width:270px; height:auto; z-index:300;filter:alpha(opacity=70);
opacity: 0.7;-moz-opacity:0.7;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:270px; font-weight:bold;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:20px; width:270px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li:hover ul.sub li a:hover {background:#3a93d2; color:#FF9933;}

/* contact Form   */

#myForm {
	
	padding: 5px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: left;
	width: 160px;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid #8FBC8F;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color: red;
}

#myForm #submit {
	margin-left: 150px;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	/*border: 1px solid red;*/
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	/*display: none;*/
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

#container1 {
	width: 550px;
	margin-left:10px;
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Collapsible DIV */
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0 0 20px;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: red;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #6495ED;
}

/*  Sondage  */


.border {

	border: 1px solid #336666;
	

}

.border2 {

	border: 1px solid #336666;
	
}

.small {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	
}

.big {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	
}

.sup1 {
font-size:large; 
color:#CC3333;
}

/* Photo   */
#gallery {width:650px; height:auto; position:relative; border:1px solid #ddd; background:#f8f8f8;}
#gallery ul {list-style:none; padding:5px; margin:0; width:540px; float:top; height:auto; overflow:auto;}
#gallery ul li {display:inline; width:100px; height:100px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:100px; height:100px;}
#gallery ul li span {display:none; position:absolute; left:547px; top:235px; width:400px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:320px; height:240px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:80px; width:400px; height:355px; }

#gallery ul li.click i img {margin:5px 1% 0 1%; width:auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display:block;}

/* Publicity Style */

.publicity
{
	min-height:300px;
}