@charset "utf-8";
/* CSS Document */


/*
Bleu i-comm
color:#3D5EA1;

Bleu clair i-comm
color:#9999CC;

CDCDF5

orange assistance
color:#FA450A;

orange clair assistance
color: #FF9966;

Violet developpement
color: #550D2A;

violet clair développement
color: #996666;

vert formation
color:#286017;

vert clair formation
color: #669966;

gris clair
color: #CCCCFF;

*/




/*---------Déclaration génarales de balises------*/
body{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#C3CCE5;/*couleur des bandes sur le côté lorsque la résolution est supérieure à 1024x768*/
}

ul{
	list-style-type:none;
	padding-left:0;
}

div{
	margin:0;
	padding:0;
	border:0;
	overflow:hidden;
}

img{
	border:0;
}

p{
	text-indent: 8px;
	font-weight:bold;
	margin-top:7px;
	line-height:1.1em;
}

h1{
font-size:14px;
line-height:20px;
}

hr{
	background-color:#3D5EA1;
	height:1px;
	border:0;
	margin:0 30px 0 30px;
}

/*
REFERENCEMENT
*/

#introIcomm p{
	text-indent:0;
	font-size:11px;	
	color:#999;
	margin-bottom:4px;
}

#introIcomm a{
	color:#000000;
}

.gras{
font-weight:bold;	
}

.italic{
font-style:italic;	
}

.orange{
color:#FF9966;	
}

.bordeaux{
color:#996666;
}

.vert{
color:#669966;	
}

.indentH{
text-indent:85px;
}

.noIndent{
text-indent:0;
}

#plan h2{
font-size:12px;
max-width:100%;
text-align:center;
}

.news h2{
font-size:12px;	
}

.paddingUl{
padding-left:40px;	
}

.normal{
font-weight:normal;	
}

.normalSize{
font-size:13px;	
}

h2.titreReal{
font-size:14px;	
}

.center{
text-align:center;	
}

.clearer{
clear:both;
}

/*--------déclaration par Id------*/

div#conteneur{
	width: 990px;
	height: 100%;
	margin:auto;
	background-color: #FFF;
	border:solid 1px #3D5EA1;
}

div#conteneuri-comnet
{
	width: 1010px;
	height: 100%;
	margin:auto;
	background-color: #FFF;
}
/*-------------------------------------------------------------------------------------------------------*/
/*                                                  Header                                               */
/*-------------------------------------------------------------------------------------------------------*/

div#header{			/*Haut de page*/
	width: 990px;
	height: 139px;
	margin:auto;
}

div#logo{			/*Logo d'I-Comm à gauche*/
	float:left;
	height:112px;
	width:230px;
	/*background:url(logos/logo_i-comm.gif) no-repeat;*/
}

div#bandeau{		/*Bandeau flash de droite : "Rouen du ciel"*/
	float:right;
	height:112px;
	width:750px;
}
div#menuH{			/*div du menu par rapport au bandeau et au logo*/
	float:right;
	height:27px;
	width:100%;
	background:url(images/trame-menu.gif) repeat-x;
}

div#menu{			/*div qui contient le menu et le positionne*/
	width:100%;
	height:100%;
	margin:auto;
}

ul#menuHaut{		/*Menu du haut décalé de 30 px a droite*/
	width:100%;
	height:100%;
	margin:auto;/*Pour centrer verticalement*/
	margin-left:30px;
}

ul#menuHaut li{		/*li du menu*/
	font-weight:bold;
	font-size:12px;
	float:left;
	color:#FFF;
	margin:40px;/*pour prendre toute la place : espacement entre les li*/
	margin-top:7px;
	margin-bottom:7px;
	line-height:12px;
}

ul#menuHaut a{		/*lien des li(texte)*/
	text-decoration:none;
	color:#FFF;
} 
ul#menuHaut a:hover{
	color:#C2F5FE;
}

/*-------------------------------------------------------------------------------------------------------*/
/*                                                   Centre                                              */
/*-------------------------------------------------------------------------------------------------------*/

div#centre{
	width: 990px;
	height:auto;
	min-height:600px;
	margin:auto;
	overflow:hidden;/*pour que le contenu enfant ne sorte pas mais redimentionne la div centrale*/
	background-image:url(images/souris-i-comm.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div#colMenu{		/*colonne de dgauche avec les onglets flash*/
	float:left;
	height:auto;
	width:180px;
	margin:0px;
}

div#ongletsFlash{	
	height:230px;
	width:180px;
}



/*-----------------------Partie du plan -----------------------*/
div#plan{		/*div qui englobe tout (plan + carto + infographie)*/
	height:370px;
	width:177px;
	/*border: solid 1px black;*/
	background-image:url(images/portique.gif);
	background-repeat:no-repeat;
	padding:5px;
	margin:0;
}

div#hautBd{		/*Partie avec le titre, en haut*/
	width:170px;
	height:20px;
	top:0;
	margin-top:25px;
}

div#plan h1{	/*Titre*/
	width:160px;
	margin-top:0px;
	margin-left:5px;
	text-indent:0; /*pour ratrapper le text-indent définit dans la classe bandeau*/
	font-stretch:condensed;
}
div#centreBd{	/*zone avec le texte*/
	width:170px;
}

div#def{		/*légende du plan*/
	float:left;
	margin-left:10px;
	margin-bottom:0;
}
div#prest{		/*texte sur infographie/cartographie*/
	float:left;
	margin-left:10px;
	padding-top:8px;
	width:155px;

}

img#planPt{		/*propriétés de l'image (plan)*/
	float:left;
	margin:5px;
	margin-left:19px;
	margin-right:19px;
	margin-top:0;
	margin-bottom:0;
}

div#basBd{		/*Partie avec le titre, en haut*/
	width:172px;
	height:20px;
	bottom:0;
	left:0;
}
/*-------------fin du plan--------------------------*/

.lien-eco{
font-size:12px;
text-align:center;
}

.ecoactive-rouge, .ecoactive-rouge a{
text-decoration:none;
color:#BD1220;
}

.lien-eco a{
text-decoration:none;
color:#BD1220;
}

.lien-eco a:hover{
color:#666;
}

.ecoactive-vert, .ecoactive-vert a{
text-decoration:none;
color:#00632E;
font-style:italic;
}






/*----------------------------------------*/
/*----------------------------------------*/


/*---------------partie accueil-----------------------*/

div#milieu{		/*div contenant les bandeaux*/
	float:left;
	width:590px;
	min-height: 550px;
	margin:5px;
	margin-bottom:15px;
	
}

div.bandeau{	/*valeurs valables pour tous les bandeaux*/
	width:580px;
	min-height:120px;
	margin:5px;
	font-size: 12px;	
}

div#change{
	height:auto;
	width:800px;
}

div#hierarchie{
	margin:5px;
	font-size:13px;
}	

div#souris{
	height:60px;
}

div#admin{
	height:23px;
	width:85px;
	float:right;
	margin-top:10px;
}

/*---------------------Mise en place des images de fond des bandeaux----------------------------*/
div.bdHaut{			/*le haut des bandeaux content juste l'image du haut*/
	width:580px;
	height:20px;
	background:url(images/bd-haut.gif) no-repeat;
	top:0;
}

div.bdCentre{		/*le centre des bandeaux contient le contenu (textes+ images) et les bords de droite et gauche*/
	background:url(images/bd-centre.gif) repeat-y;
	width:580px;
	height:auto;
	overflow:hidden;
}

div.bdBas{		/*le bas ne conprends que l'image du bas*/
	width:580px;
	height:20px;
	background:url(images/bd-bas.gif) no-repeat;
	bottom:0;
	left:0;
}


.retour-accueil, .retour-accueil a{
color:#3D5EA1;
}

.retour-accueil a:hover{
color:#9999CC;
}



.lien-assistance, .lien-assistance a{
color:#FA450A;
}

.lien-assistance a:hover{
color:#FF9966;
}

.lien-developpement, .lien-developpement a{
color:#550D2A;
}

.lien-developpement a:hover{
color:#996666;
}

.lien-formation, .lien-formation a{
color:#286017;
}

.lien-formation a:hover{
color:#669966;
}

/*---------------------Mise en place du style des bandeaux (images de fond)----------------------------*/

div.bandeau em{		/*définit le style "de moindre importance" pour tous les bandeaux*/
	font-weight:bold;
}

div.bandeau a{		/*définit le style "de moindre importance" pour tous les bandeaux*/
	text-decoration:none;
	color:#3D5EA1;
}


h1{		/*les titres des bandeaux*/
	margin:0px;
	margin-bottom:5px;
	padding:0;
	text-align:center;
	color:#333;
	font-size: 14px;
}

div.bandeau h2{		/*les titres des bandeaux*/
	font-size: 13px;
	margin-top:4px;
	margin-bottom:5px;
	max-width:80%;
	
	cursor:pointer;
}

div.bandeau h3{		/*les titres des bandeaux*/
	font-size: 12px;
	margin-top:2px;
	margin-bottom:5px;
	max-width:80%;
	cursor:pointer;
}

div.bandeau dt{		/*mise en page des dt : logos i-comm*/
	padding-left: 3px;
	padding-top:3px;
}

div.bandeau dd{		/*mise en page des dd : texte des bandeaux*/
	margin:5px;
	margin-left: 85px;
}

div.bandeau .imgBandeau{	/*images collés a gauche*/
	float:left;
	
}
/*
div.bandeau span{
	color:#000000;
	font-weight:normal;
	float:left;
}
*/
div.bandeau ul{
	list-style-type:disc;
}

/*-----------------définition des elements apr ID--------------------*/

/*-----------------définition des elements de reseau--------------------*/

div#reseau strong{		/*couleur du texte important réseau*/
	color:#FF9966;
}

div#centreReseau{		/*couleur du texte important réseau*/
	height:auto;
}

img.fleches{
	height:15px;
	width:15px;
	cursor:pointer;
	margin-left:10px;
}

div#tMateriel{
	width:35%;
	margin-top:0;
	margin-left:15px;
	float:left;
}

div#agrandi{
	width:435px;
	margin-left:85px;
}

div#materiel{
	float:left;
	width:35%;
	margin-left:10px;
	margin-top:0;
	display:none;
}

div#materiel img{
	height:20px;
}

div#materiel li{
	line-height:25px;
}

div#tSoftware{
	width:35%;
	margin:25px;
	margin-top:0;
	margin-bottom:0;
	float:left;
}

div#software{
	float:left;
	width:35%;
	margin-left:45px;
	margin-top:0;
	display:none;
}

div#software ul{
	margin-top:0;
	margin-bottom:0;
}

/*-----------------définition des elements de dev--------------------*/

div#dev strong{			/*couleur du texte important dev*/
	color: #996666;
}

div#centreDev{		/*couleur du texte important réseau*/
	height:auto;
}


div#centreDev dl{		/*couleur du texte important réseau*/
	margin-bottom:10px;
}
div#tGestion{
	width:35%;
	margin-top:0;
	margin-left:15px;
	float:left;
}

div#gestion{
	display:none;
	width:30%;
	margin-top:5px;
	margin-left:97px;
	float:left;
}

div#tDev{
	width:35%;
	margin-top:0;
	margin-left:25px;
	float:left;
}

div#devWeb{
	display:none;
	width:35%;
	margin-top:5px;
	margin-left:25px;
	float:left;
}

/*-----------------définition des elements de formation--------------------*/



 div.formationText{
	width:35%;
 }
 
 div#tBDD{
 	margin-left:20px;
	float:left;
 }
 
 div#tSR{
 	margin-left:65px;
	float:left;
 }
 
 div#BDD{
 	margin-left:20px;
	float:left;
	display:none;
 }
 
 div#SR{
 	margin-left:40px;
	float:left;
	height:113px;
	display:none;
	margin-left:65px;
 }
 
 div#titresF{
 	width:450px;
	margin-left:100px;
	
 }
 
 div#tFWeb{
	
 	float:left;
	width:240px;
 }
 
 div#tAussi{
 	float:left;
	width:180px;
 }
 
 div#agrandiF{
 	margin-left:85px;
 }
 
 div#FWeb{
	  margin-left:15px;
 	float:left;
	display:none;
 }
 
 div#aussi{
 	float:left;
	display:none;
	margin-left:65px;
 }


div#pub{				/* positionnement de la div des pubs*/
	height:100px;
}

div#hierarchie{
	margin-bottom:10px;
}

/*-----------------------------------------*/
/*----------Colonne de droite : News-------*/
/*-----------------------------------------*/

div#colNews{		/*style de toute la colonne*/
	float:left;
	height:auto;
	overflow:hidden;
	width:180px;
	color:#FFF;
	margin:0px;
	margin-top:10px;
	margin-bottom:30px;
	
}

div#topNews{		/*Titre : (nos News)*/
	top:0px;
	height:15px;
	width:100%;
	background: url(images/actus-haut.gif) no-repeat;
}

div#topNews p{		/*paragraphe qui contient le titre*/
	text-indent: 8px;
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	margin-top:0;
	margin-bottom:0;
}

div#milieuNews{
	background: url(images/actus-milieu.gif) repeat-y;
	height:auto;
	overflow:hidden;
}

div.news{			/*class des news*/
	width: 165px;
	margin:10px;
	margin-top:0;
	margin-bottom:0;
}

div.news h1{	/*style des titres de news*/
	margin:0;
	font-size:12px;
}

div.news img{			/*class des images des news*/
	float:left;
	margin:5px;
	max-height:80px;
	max-width:80px;
}
p.textNews{			/*texte des news*/
	text-indent:0;
	font-size: 12px;
	font-weight:normal;
}

p.textNews img{
	float:left;
	margin:5px;
}

div#basNews{
	height:12px;
	width:180px;
	background:url(images/actus-bas.gif) no-repeat;
}

div#piedNews{		/*pied de news : bouton toutes les news*/
	
	height:22px;
	width:114px;
	margin:auto;
	margin-bottom:0;
	background: url(images/bd-bas.gif) no-repeat;
}

.liresuite, .liresuite a{
color:#3D5EA1;
font-style:oblique;
}

.liresuite a:hover{
color:#FFF;
}

/*-----------------------------------------*/
/*----    partie systemes et réseaus   ----*/
/*-----------------------------------------*/

div#pReseau{
	font-size:12px;
}

div#pReseau li{
	list-style-type:disc;
}

div#presReseau{
	padding:5px;
	overflow:hidden;
}

div#presReseau h1{
	color:#FA450A;
}

span#titreCalageSR{
	float:left;
	padding-bottom:15px;
	padding-top:55px;
	width:268px;
}

img#logoReseau{
	height:90px;
	float:left;
}

div#photoReseau{
	float:right;
	padding:5px;
	height:105px;
}

div#blocTickets{
	float:right;
	width:260px;
	padding:5px;
	margin:20px;
	margin-left:0;
	margin-top:0;
	margin-right:13px;
	color:#FFF;
}

div#blocTickets h1{
	color:#FFFFFF;
}


div#hautBlocTickets{
	height:10px;
	width:260px;
	background:url(images/bloc-haut-assistance.gif) no-repeat;
}

div#centreBlocTickets{
	width:260px;
	background:url(images/bloc-centre-assistance.gif) repeat-y;
	padding:5px;
}

div#basBlocTickets{
	height:10px;
	width:260px;
	background:url(images/bloc-bas-assistance.gif) no-repeat;
}

div#blocTickets h1{
	margin-top:0;
	margin-bottom:5px;	
}

div#environnementsUtilitaires{
	width:385px;
	float:left;
	/*border-right:solid 1px black;*/
	padding:5px;
}

div#applications{
	width:385px;
	float:left;
	padding:5px;
}



/*-----------------------------------------*/
/*----    partie Developpement         ----*/
/*-----------------------------------------*/

div#pDev{
	font-size:12px;
	height:auto;
}

div#pDev li{
	list-style-type:disc;
}

div#presDev{
	padding:5px;
	height:auto;
	overflow:hidden;
}

div#titreCalageDev{
	float:left;
	margin-bottom:15px;
	margin-top:55px;
	width:211px;
}

div#presDev h1{
	color:#550D2A;
}
img#logoDev{
	height:90px;
	float:left;
}

div#filemaker{
	float:right;
	width:260px;
	padding:5px;
	margin:0 0 20px 0;
	color:#FFFFFF;
}

div#filemaker h1{
	color:#FFFFFF;
}

div#hautFilemaker{
	height:10px;
	width:260px;
	background:url(images/bloc-haut-developpement.gif) no-repeat;
}

div#centreFilemaker{
	width:260px;
	background:url(images/bloc-centre-developpement.gif) repeat-y;
	padding:5px;
}

div#basFilemaker{
	height:10px;
	width:260px;
	background:url(images/bloc-bas-developpement.gif) no-repeat;
}

div#imgDev img{
	width:230px;
}

div#imgDev{
	float:right;
	margin-top:5px;
}


div#caroussel{
	width:95%;
	height:300px;
	padding:5px;
	margin:auto;
	margin-bottom:20px;
}

/*-----------------------------------------*/
/*----    partie Formations            ----*/
/*-----------------------------------------*/

div#pFormation{
	font-size:12px;
	height:auto;
}

div#pFormation li{
	list-style-type:disc;
}

div#presFormation{
	padding:5px;
	height:auto;
}

div#presFormation h1{
	color:#286017;
}

span#titreCalageForm{
	float:left;
	padding-bottom:15px;
	padding-top:55px;
	width:432px;
}

img#logoFormation{
	height:90px;
	float:left;
}

div#formationAgree{
	float:right;
	width:260px;
	margin:10px;
	background:url(images/formation-infos.gif) no-repeat;
	color:#FFFFFF;
}

div#hautFormAgree{
	height:10px;
	width:260px;
	background:url(images/bloc-haut-formation.gif) no-repeat;
}

div#centreFormAgree{
	width:260px;
	background:url(images/bloc-centre-formation.gif) repeat-y;
	padding:5px;
}

div#basFormAgree{
	height:10px;
	width:260px;
	background:url(images/bloc-bas-formation.gif) no-repeat;
}

div#formationAgree h1{
	margin:0;
	margin-bottom:5px;
	font-size:13px;
	line-height:20px;
	color:#FFF;
}

div#imgFormation{
	float:right;
	margin:15px 0 15px 0;
}

div#imgFormation img{
	width:250px;
}

div#exp{
	height:auto;
	float:left;
	width:520px;
}

div#exp h3{
	margin-top:0;
	color:#286017;
	font-size:13px;
}

div.blocs{
	margin:15px;
	margin-bottom:5px;
	margin-top:10px;
	
}

div#fBDD{
	float:left;
	width:130px;
 }
 
 div#fSR{
	float:left;
	width:130px;
 }
 
 div#formWeb{
	float:left;
	width:130px;
	margin-bottom:40px;
 }
 
 div#fAussi{
	float:left;
	width:130px;
 }

/*-----------------------------------------*/
/*--image de la souris en bas du centre----*/
/*-----------------------------------------*/

div#souris{
	right:0;
	bottom:40px;
}

/*-----------------------------------------*/
/*----    partie Société               ----*/
/*-----------------------------------------*/

div#societe{
	margin:5px;
	color:#3D5EA1;
	font-size:13px;
}

div#societe h2{
	font-size:13px;
}

div#societe p{
	color:#3D5EA1;
	font-size:13px;
	font-weight:normal;
}

div#societe p a{
	color:#00632E;
	text-decoration:none;
}

div#societe p a:hover{
	color:#333;
}

div#societe em{
	font-style:normal;
	font-weight:bold;
}

div#societe img{
	height:200px;
	margin:10px;
}

.decalage{
margin-left:8px;
}

img#alpha{
	float:left;
}

img#locaux{
	float:right;
}



/*-----------------------------------------*/
/*----         partie galerie          ----*/
/*-----------------------------------------*/

div#galerie{
	width:580px;
	font-size:13px;
}

div#galerie a{
	color:#62AFE3;
	text-decoration:none;
}

div#galerie hr{
	margin:10px;
}

div.blocGalerie{
	margin-top:20px;
	margin-bottom:20px;
}

div.blocGalerie img{
	float:left;
	width:150px;
	margin:5px;
}

div#cavedart{
	height:252px;
}
div#fromanger{
	height:237px;
}
div#gentes{
	height:215px;
}
div#lange{
	height:170px;
}

div#galerie h1{
	margin:0;
	font-size:15px;
}

div#galerie h2{
	font-size:14px;
}
div#galerie h3{
	font-size:13px;
}

div.texteGalerie{
	float:left;
	width:320px;
	color:#62AFE3;
	font-size:13px;
	padding-left:5px;
}


div.lieuGalerie{
	float:left;
	width:200px;
	padding-top:15px;
	padding-left:10px;
	font-size:13px;
}

span#sub{
	text-decoration:underline;
}

a.artiste{
	float:left;
}

span#art{
	float:right;
	font-size:13px;
}

/*-----------------------------------------*/
/*----         partie contacts         ----*/
/*-----------------------------------------*/

div#contacts{
	font-size:13px;
	margin:5px;
	width:580px;
}

div#contacts h1{
	font-size:15px;
}

div#contacts h2{
	font-size:14px;
}
div#contacts h3{
	font-size:13px;
	margin: 5px;
}

div#contacts hr{
	margin:15px;
}

div#coordonnees{
	width:295px;
	float:left;
	border-right:solid 1px #9999CC;
}

div#coordonnees p{
	font-size:12px;
	color:#666;
}

div#coordonnees p a{
	color:#00632E;
	text-decoration:none;
}

div#coordonnees p a:hover{
	color:#333;
}

img#plan{
	width:290px;
	cursor:pointer;
}

div#formulaire{
	width:280px;
	height:550px;
	float:right;
}

div#formulaire iframe{
	height:550px;
}

fieldset{
	width:270px;
}

span.sub{
	text-decoration:underline;
}

span.petit{
	font-size:10px;
}

div#videoSurveillance{
	float:right;
	margin-top:25px;
	margin-right:20px;
}
div#videoSurveillance a{
	color:#666;
	text-decoration:none;
}

/*----------------popup plan----------------*/

div#btImprimer{
	height:23px;
	width:122px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	cursor:pointer;
}

div#infosPlan{
	width:750px;
	height:740px;
}

div#pied{
	color:#000;
	font-size:12px;
	margin:5px;
}

/*-----------------------------------------*/
/*----       realisation web           ----*/
/*-----------------------------------------*/

div#realisationsWeb{
	float:left;
	width:620px;
}

div.real{
	padding:5px;
	font-size:14px;
	width:546px;
}

div.real h1{
	text-decoration:underline;
	margin:0;
	margin-bottom:5px;
	color:#0029AA;
}

div.real img{
	float:left;
	width:100px;
	height:75px;
	margin-right:5px;
}

div.textReal span{
	color:green;
}

div.textReal{

}

span.lienSite{
	color:green;
	font-size:12px;
}

/*-----------------------------------------*/
/*----         les news                ----*/
/*-----------------------------------------*/

.actu{
	margin-right:10px;
}

.actu img{
	max-height:150px;
}

.actu h1{
	width:100%;
}


div.news h1{
	margin:0;
}

span#dateedition{
	font-style:italic;
	font-weight:normal;
}

/*-----------------------------------------*/
/*----            i-files              ----*/
/*-----------------------------------------*/

h1#titreIf{
	margin-bottom:2px;
	font-size:16px;
	color:#3D5EA1;
}

div#iFiles h2{
	margin-top:2px;
	font-size:13px;
	color:#3D5EA1;
}

div.blocsIfiles{
	width:150px;
	margin:3px;
	color:#3D5EA1;
	font-size:15px;
}

div#if1{
	width:120px;
	float:left;
	margin:0 0 0 15px;
}

div#if2{
	width:150px;
	margin:0 0 0 160px;
	float:left;
}

div#if3{
	width:150px;
	margin:0 0 0 15px;
	float:left;
}

div#if4{
	width:180px;
	float:left;
	margin:0 0 0 140px;
}

div.tIf{
	float:left;
	font-weight:bolder;
	color:#000;
}

div#t1{
	margin:45px 0 0 30px;
}

div#t2{
	margin:45px 0 0 0;
}

div#t3{
	margin:45px 0 0 0;
}

div#t4{
	margin:45px 0 0 0;
}

div#imageIf{
	height:138px;
	width:280px;
	margin-top:90px;
	margin-left:90px;
	background:url(images/i-files.gif) no-repeat;
	font-size:15px;
}

div#dessinIF{
	height:370px;
	width:800px;
}

div#explicationIfiles{
	margin-top:50px;
	font-size:15px;
}

div.expIf{
	background:url(images/onglet-bleu-on.gif) no-repeat;
}

div.expIf h1{
	font-size:16px;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:10px;
	padding-top:10px;
	color:#FFF;
}

div.texteExpIf{
	margin-left:40px;
	color:#3D5EA1;
	margin-top:18px;
}

.expIF{
	display:block;
color:#FFFFFF;
padding-top:10px;
padding-left:18px;
}

/*-----------------------------------------*/
/*----            ecologie             ----*/
/*-----------------------------------------*/

div#ecologie{
	font-size:13px;
}

div#ecologie h1{
	color:#FFF;
	font-size:16px;
	font-style:italic;
	background-color:#3D5EA1;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px
}

div#ecologie hr{
	height:20px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
}

div#ecologie li{
	list-style-type:disc;
}

div#ecologie em{
	color:#3D5EA1;
	font-weight:bold;
}

div#ecologie h2{
	color:#FFF;
	font-size:16px;
	font-style:italic;
	background-color:#3D5EA1;
	margin:0;
	padding-left:5px;
	margin-top:15px;
	margin-bottom:15px;
}

div#ecologie h3{
	font-size:14px;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

img.labels{
	max-height:50px;
	max-width:50px;
	margin:15px;
	margin-bottom:0;
}

div.pave{
	background-color:#9999CC;
	color:#FFF;
	margin:10px;
	padding:7px;
}

div.pave h1{
	color:#FFF;
	margin:10px;
	background-color:#9999CC;
}


/*-----------------------------------------*/
/*----         administration          ----*/
/*-----------------------------------------*/

div#texteFormAdmin{
	width:150px;
	height:150px;
	float:left;
}

div#formAdmin{
	width:150px;
	float:left;
	height:150px;
}

div#administration p{
	color:red;
}

div#texteFormAdmnews{
	width:100px;
	float:left;
	line-height:19px;
}

div#formAdmnews{
	width:250px;
	float:left;
}

div#tabNews{
	overflow:auto;
}

div#tabNews tr{
	max-height:100px;
}

div#tabNews table{
	margin-right:10px;
}
div#tabWeb table{
	margin-right:10px;
}

td#image img{
	max-width:250px;
	max-height:250px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*                                                  Pied de page                                         */
/*-------------------------------------------------------------------------------------------------------*/


div#piedPage{	
	width: 990px;
	height: 20px;
	margin:auto;
	background-color:#2A6DAF;
}

div#coor{		/*partie de coordonnees en bas a droite*/
	float:left;
	height:100%;
	width:100%;
	margin-bottom:5px;
}
p#contacts{		/*p qui contiens les infos*/
	text-indent: 8px;
	font-size: 12px;
	font-weight:normal;
	color:#FFF;
	margin:0;
}

div#liens{		/*div du récapitulatif des liens*/
	float:right;
	height:100%;
	width:450px;
}





/*-------------------------------------------------------------------------------------------------------*/
/*                                                  Tableau formation                                    */
/*-------------------------------------------------------------------------------------------------------*/
	
	#bandeau-focus{
	background-image:url(images/bandeau-formation-i-comm.jpg);
	width:594px;
	height:125px;
	}
	
	#cartouche-formation{
	padding:5px;
	border:1px solid #666;
	}
	
	.gras{
	font-weight:bold;
	}
	
	#tab-formation td{
	/*border:1px solid #999;*/
	padding:4px;
	}

	.style1 {
  FONT-SIZE: 10px; COLOR: #666666;
  }
  
  .style1 A {
  COLOR: #000066;
  }
  
  .style1 A:hover {
  COLOR: #666666;
  }
  
  img a{
  border:none;
  }
  
  p.titre{
  FONT-SIZE: 13px; COLOR: #707173; MARGIN:5px 0 0 0;padding:0 0 0 0px; text-align:left;font-weight:normal;
  }
  
  .sous-titre{
  FONT-SIZE: 11px; COLOR: #707173; MARGIN: 0; text-align:left;
  }
  
  .texte{
  FONT-SIZE: 12px; COLOR: #1368AD; MARGIN: 0; text-align:left; height:75px;
  }
  
  .texte a{
  color :#41A62A;
  cursor: pointer;
  text-decoration:none;
  }
  
  .vert{
  color :#41A62A;
  }
  
  .texte a:hover{
  color :#666666;
  }
  
  .texte2{
  FONT-SIZE: 10px;
  color :#1368AD;
  text-align:left;
  }
  
  .texte2 a{
  color :#41A62A;
  text-decoration:none;
  }
  
  .texte2 a:hover{
  color :#666666;
  }
  
  .texte3{
  FONT-SIZE: 9px;
  color :#1368AD;
  font-weight:normal;
  padding-bottom:2px;
  }
  
  #bt-focus{
width:85px;
height:85px;
position:absolute;
z-index:1;
margin:5px 0 0 500px;
	}
	
	#bt-focus2{
width:85px;
height:85px;
position:absolute;
z-index:1;
margin:5px 0 0 420px;
	}