/* CSS Document */
html {
	margin:0;
	padding: 0;
	}

body{
	width:980px !important;
	width: 1000px;
	margin: 0px auto 0px auto;
	font-family:Helvetica, sans-serif;
	background-image:url(images/fond.jpg);
	background-repeat:repeat-x;
	background-position: top;
	text-align:center;
	padding: 0;
	
	
}
.bold{
	font-weight:bold;
}
#page {
	position: relative;
	width:980px !important;
	width: 1000px;
	

	}


#logo{
	float:left;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0;
	margin:0px 0px 0px 0px;
	width:361px;
	height:120px;
}
/* menu horizontal */
#mainmenu {
	float:left;
	width:600px;
	height:120px;
	padding:0;
	margin:0px 0px 0px 0px;
}
#mainmenu ul{
	list-style:none;
	list-style-position:outside;
	margin:0px 0px 0px 0px;
	padding:0;
	text-align:center;
}
#mainmenu li{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0;
}
#mainmenu a{
	float:left;
	font-size:12px;
	margin:0;
	padding:90px 0px 0px 0px;
	text-decoration:none;
	height:120px;
	width:120px;
	display:block;
	background-image:url(images/bouton.jpg);
	background-repeat:no-repeat;
	
	color:#898989;
}
#mainmenu a:hover{
	text-decoration:none;
	background-image:url(images/boutonhover.jpg);
	background-repeat:no-repeat;
	color:#b7b7b7;
}
#mainmenu a.itemon{
	text-decoration:none;
	background-image:url(images/boutonhover.jpg);
	background-repeat:no-repeat;
	color:#b7b7b7;
}
/* contenu de la home page*/
#maincontent{
	background-image:url(images/fondcouleur.jpg);
	background-repeat:no-repeat;
	width:980px !important;
	width: 1000px;
	float:left;
}


#lang {
	position: absolute;
	top: 20px;
	left: 900px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	display: none;
	
	
}

#lang a{
	color:#898989;
	text-decoration: none;
	}
#lang a:hover {
	color: #ffffff;
}
/*#maincontent h2{
	color:#fff;
	font-size:16px;
	font-family:Tahoma;
	font-weight:normal;
	margin:0px 0px 0px 0px;
}*/
/*#maincontent p{
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}*/
/* colonne gauche */
#colonnegauche{
	width:580px;
	
	text-align:left;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 20px;
	
}
#titre{
	/*background-image:url(images/fondtitre.jpg);*/
	background-repeat:no-repeat;
	height:340px;
	width:580px;
	float:left;
	margin:20px 0px 0px 0px;
}

/* colonne droite */
#colonnedroite{
	width:340px;
	
	text-align:left;
	float:left;
	margin:0px 0px 0px 0px !important;
	margin: 0px 0px 0px -20px;
	padding:0px;
}
#intro{
	height:340px;
	width:300px;
	float:left;
	margin:20px 0px 0px 10px;
	padding:0px;
}
#intro h2{
	margin:48px 0px 30px 0px;
	font-weight:normal;
	color:#fff;
	font-size:16px;
	font-family:Tahoma;
}
#intro p{
	margin:0px 0px 20px 0px;
	color:#fff;
	line-height:20px;
	font-size:11px;
	font-family:Tahoma;
}

#citation {
	position:absolute;
	top: 200px;
	left: 660px;
	width: 240px;
	height: 100px;
	font-family: times,serif;
	font-size: 13px;
}


/* cadre newsletter */
#newsletter{
	position: relative;
	background-image:url(images/fondnewsletter.jpg);
	background-repeat:no-repeat;
	height:170px;
	width:340px;
	text-align:left;
	float:left;
	margin:0px 0px 10px 0px;
}

#newsletter h3{
	color:#6dcff6;
	font-size:18px;
	font-family:Tahoma;
	font-weight:normal;
	margin:36px 0px 0px 40px;
}
#newsletter p{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	font-family:Tahoma;
	margin:13px 0px 0px 40px;
	padding:0px;
	line-height:16px;
}
#newsletter .rechercher input{
	position: absolute;
	top: 98px;
	left: 10px;
	
	background-color:#242424;
	border:0;
	float:left;
	width:203px;
	color:#a0a0a0;
	font-size:11px;
	margin:30px 0px 0px 50px;
}
#newsletterint .rechercher input{
	position: absolute;
	top: 98px;
	left: 0px;
	background-image:url(images/fondinput.jpg);
	background-repeat:repeat-x;
	background-position:left;
	border:0;
	float:left;
	width:201px;
	height:14px;
	color:#a0a0a0;
	font-size:11px;
	margin:30px 0px 0px 50px;
	background-position:bottom;
}

#newsletter .ok{
	position: absolute;
	top: 120px;
	left: 260px;
	background: url(images/boutonok.jpg) left top  no-repeat;
	border: none; 
	cursor: pointer;
	height:40px;
	width:39px;
	
}
#newsletterint .ok{
	position: absolute;
	top: 120px;
	left: 260px;
	background: url(images/boutonokint.jpg) left top  no-repeat;
	border: none; 
	cursor: pointer;
	height:40px;
	width:39px;
	
}

/* cadre news */
#newshaut{
	background-image:url(images/fondhautnews.jpg);
	background-repeat:no-repeat;
	width:340px;
	float:left;
}
#newshaut h3{
	color:#6dcff6;
	font-size:18px;
	font-family:Tahoma;
	font-weight:normal;
	margin:16px 0px 0px 40px;
}
#newshaut p{
	color:#fff;
	font-size:12px;
	font-family:Tahoma;
	margin:14px 40px 0px 40px;
	padding:0px;
	font-weight:normal;
	line-height:16px;
}

#newshaut a
{
	
	color:#6DCFF6;
	font-size:11px;
	text-decoration:none;
}
#newshaut a:hover{
	text-decoration:none;
	border-bottom:1px solid #535353;
}
.souligne{
	background-image:url(images/souligne.jpg);
	background-repeat:no-repeat;
	width:320px;
	height:8px;
	margin:10px 0px 0px 20px;
}
#newsbas{
	background-image:url(images/fondbasnews.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:340px;
	height:30px;
	float:left;
}

/* contenu de la home page interieur*/

#titreint{
	background-image:url(images/fondtitreint.jpg);
	background-repeat:no-repeat;
	height:179px;
	width:580px;
	float:left;
	margin:21px 0px 0px 0px;
}
#sitesweb{
	background-image:url(images/fondhautcolright.jpg);
	background-repeat:no-repeat;
	width:580px;
	float:left;
}
#sitesweb h1{
	color:#6dcff6;
	font-size:18px;
	font-family:Tahoma;
	font-weight:normal;
	margin:42px 0px 0px 40px;
}
#sitesweb p{
	color:#fff;
	font-size:12px;
	font-family:Tahoma;
	margin:14px 40px 0px 40px;
	padding:0px;
	font-weight:normal;
	line-height:18px;
}
#sitesweb ul{
	list-style:none;
	list-style-position:outside;
	color:#fff;
	font-size:12px;
	font-family:Tahoma;
	margin:14px 40px 20px 40px;
	padding:0px;
	font-weight:normal;
}
#sitesweb li{
	margin:20px 0px 0px 0px;
	padding:0px;
}
#siteswebbas{
	background-image:url(images/fondbascolright.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:580px;
	height:20px;
	text-align: center;
	font-size: 11px;
	float:left;
	
}
#newsletterint{
	position: relative;
	background-image:url(images/fondnewsletterint.jpg);
	background-repeat:no-repeat;
	height:170px;
	width:340px;
	text-align:left;
	float:left;
	margin:200px 0px 0px 0px;
}
#newsletterint h3{
	color:#6dcff6;
	font-size:18px;
	font-family:Tahoma;
	font-weight:normal;
	margin:36px 0px 0px 40px;
}
#newsletterint p{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	font-family:Tahoma;
	margin:12px 0px 0px 40px;
	padding:0px;
	line-height:16px;
}







#fondserviceshaut{
	background-image:url(images/fondserviceshaut.jpg);
	background-repeat:no-repeat;
	width:360px;
	float:left;
	

}

#fondserviceshaut p{
	color:#fff;
	font-size:12px;
	font-family:Tahoma;
	margin:14px 40px 0px 40px;
	padding:0px;
	font-weight:normal;
	line-height:16px;
}

#fondserviceshaut h3{
	color:#6dcff6;
	font-size:18px;
	font-family:Tahoma;
	font-weight:normal;
	margin:28px 0px 20px 40px;
}
#fondserviceshaut ul{
	
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	
	padding:0px;
	font-weight:normal;
}
#fondserviceshaut li{
	
	margin-left: 40px;
	margin-bottom: 4px;
	list-style:none;
	list-style-position:outside;
	background-image:url(images/flechehover.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-transform: uppercase;
}
#fondserviceshaut a{
	text-decoration:none;
	color:#6DCFF6;
	font-size:11px;
	font-family:Tahoma;
	margin-left:40px;
	
	font-weight:normal;
	
}

#fondserviceshaut a.itemon{
	color:#ff6600;
}

#fondserviceshaut a:hover{
	
}

/* 1er contenair projet */
.projet{
	width:580px;
	background-image:url(images/fondhautprojet.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:20px 10px 10px 20px;
	margin:0px 10px 0px 0px;
	
	
}
/*
.projet img,.projet2 img{
	border:5px solid #626262;
	margin:40px 20px 0px 40px;
	float:left;
}
 .projet h1{
	color:#6dcff6;
	font-size:14px;
	font-family:Tahoma;
	font-weight:normal;
	margin:42px 0px 0px 20px;
	padding-left: 20px;
}
.projet p{
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	font-weight:normal;
	margin:10px 40px 0px 20px;
	line-height:14px;
	padding-left: 20px;	
}
.projet a{
	text-decoration:none;
	color:#6dcff6;
	font-size:11px;
	font-family:Tahoma;
	margin-left: -20px;
}
.projet a:hover{
	text-decoration:none;
	color:#6dcff6;
} */
.projetbas{
	background-image:url(images/fondprojetbas.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:20px;
	width:580px;
	float:left;
}
.projet1_bas{
	background-image:url(images/fond_real_bas_1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:20px;
	width:580px;
	float:left;
}
.projet1{
	width:580px;
	
	float:left;
	margin:0px 10px 0px 0px;
	padding:20px 10px 10px 20px;
}

/* 2 eme contenair projet */

.projet2{
	width:550px;
	background-image: url(images/fondhautprojet2.jpg);
	float:left;
	margin:10px 10px 0px 0px;
	padding:20px 10px 10px 20px;
}
.projet3{
	width:580px;
	background: url(images/fondprojet.jpg) left repeat-y ;
	float:left;
	margin:0px 10px 0px 0px;
	padding:20px 10px 10px 20px;
}



.projet2 img, .projet img, .projet1 img, .projet3 img{
	border:5px solid #626262;
	margin:20px 20px 0px 40px;
	float:left;
}
.projet h1{
	color:#6dcff6;
	font-size:14px;
	font-family:Tahoma;
	font-weight:normal;
	margin:22px 0px 0px 20px;
}
.projet1 h1{
	color:#6dcff6;
	font-size:14px;
	font-family:serif;
	font-weight:normal;
	margin:22px 0px 0px 20px;
}
.projet2 h1{
	color:#6dcff6;
	font-size:14px;
	font-family:Tahoma;
	font-weight:normal;
	margin:22px 0px 0px 20px;
}
.projet3 h1{
	color:#6dcff6;
	font-size:14px;
	font-family:Tahoma;
	font-weight:normal;
	margin:22px 0px 0px 20px;
}

.projet2 p,.projet p,.projet1 p,.projet3 p{
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	font-weight:normal;
	margin:10px 40px 0px 20px;
	line-height:14px;
	padding:10px;
}
.projet2 a, .projet a, .projet1 a, .projet3 a{
	text-decoration:none;
	color:#6dcff6;
	font-size:11px;
	font-family:Tahoma;
}
.projet2 a:hover, .projet a:hover,.projet1 a:hover,.projet3 a:hover{
	text-decoration:none;
	color:#6dcff6;
}





/* footer */
#footer{
	clear:left;
	font-size:11px;
	font-family:Tahoma;
	color:#545454;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
}
#footer a{
	font-size:11px;
	font-family:Tahoma;
	color:#545454;
	font-weight:normal;
	text-decoration:underline
}
#footer a:hover{
	font-size:11px;
	font-family:Tahoma;
	color:#545454;
	text-decoration:underline
}
/*************MODIFS MAX*****************/

/**********general*************/
a
{
color:#6DCFF6;
}
/************header****************/
#logo img
{
border:none;
}
#logo
{
background-image:none;
}
.langue
{
position:absolute;
top:0;
right:0;
text-transform: uppercase;
/*margin-bottom:-11px;
text-align:right;*/
}
#var_lang
{
overflow:hidden;
}
/***********colonne gauche**************/
/*#colonnegauche a
{
	margin-left:20px;
}*/

.projetbas
{
clear:both;

}
.rightCol
{
float:left;
}
.logoReal
{
	float:left;
}
.logoReal img
{
	
	margin-left:20px;
	

}

#titreint
{
margin:20px 0 0;
}
.sys-fotab
{
color:#fff;
margin-top:15px;
margin-left:40px;
font-size: 12px;
}
.sys-fotab .sys-foinp, .sys-fotab textarea
{
margin-left:10px;
width:290px;
font-size: 12px;
}
.sys-fotab input
{
margin-left:10px;
font-size: 12px;
border: solid 1px #bbbbbb;

}
textarea.sys-foinp
{
	border: solid 1px #bbbbbb;
}
.sys-foinp {
	background-color: #222222;
	color: #ffffff;
}
/***********colonne droite************/
.newsLogo
{
	float:left;
	margin:10px;
	/*padding-top:10px;*/
	margin-left:40px;
}
.logo {
	margin-left:40px;
	margin-top: 10px;
	}

#fondserviceshaut p
{
margin-top:7px;
}
#fondserviceshaut h3
{
margin-bottom:10px

}

.newsLogo img
{
width:80px;
height:auto;
}
#newshaut p, #colonnedroite
{
color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
line-height:14px;
}
#newshaut p, #fondserviceshaut p
{
margin-top:8px;
padding-top:6px;
}
.center {
	margin-left: 100px;
}
.gauche {
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}

#pagination_projet_haut{
	font-size: 10px;
	
}
#fondserviceshaut .news_item a{
	margin-left: 0px;
}
#siteswebbas strong.on{
	color: #bbbbbb;
	
}
#sitesweb object{
	margin-left: 50px;
}