/* Photo en haut de la page */

#HEADER
{
	position : absolute;
	width : 100%;
	height :  177px;
	background-image :  url(IMG/entete2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 10px;
}

/* ============= Configuration du menu de gauche*/

/* positionnement et taille */

#MENU
{
    position : absolute;
    left : 15px;
    top : 230px;
    width : 145px;
    padding: 10 10 10 10;	
    border: 1px solid #4068ab;
    background-color: #e9e9e9;
    display: block;
} 

/* Newsletter */

.gauche1
{
position : absolute;
left : 15px;
top :910px;
width: 145px;
height : 110px;
font-size : 14px;
line-height : 14px;
margin-left:px;
margin-top:px;
padding: 10 10 10 10;
text-align:center;
border: 1px solid #4068ab;	
background-color: #FFDDAA;
}

/* titres des rubriques du menu */

.menurubrique
{
	font-size : 12px;
	width : 145px;
	margin : 1px;
/*	padding : 0px 10px; */
	padding-left: 0px;
	padding-top: 5px;
	font-weight : bolder;
	list-style-position : inside;
	list-style-type : square;
	display: block;
}

/* titres des sous-rubriques du menu */

.menusousrubrique
{
	font-size : 10px;
	width : 145px;
	display: block;
	list-style-position: inside;
	margin: 1px;
	padding-left: 2px;

}
.specialrecherche
{
	font-size : 10px;
	width : 100px;
	list-style-position: inside;
	margin: 1px;
	padding-left: 2px;

}

/* Conteneur général de la page */

#MAIN
{
	position : absolute;
	left : 195px;
	top : 230px;
	margin: px;
	padding : 0px;
	width: 75%;
}

/*============================Configuration page d'accueil*/


/*Titre IMI sur la page d'accueil*/

.Titrepageaccueil
{
float:left;
width: 100%;
margin-left:5px;
margin-top: 20px;
}

/* texte de présentation de la fondation sur la page d'accueil */

.Presentation
{
float:left;
width: 100%;
height : 200px;
font-size : 13px;
line-height : 15px;
margin-left:10px;
margin-bottom:1px;
text-align:justify;
}
/* encadré gris sur page d'accueil permettant de mettre en exergue une information imporante */

.centre0
{
float:left;
height : 45px;
font-size : 14px;
line-height : 14px;
margin-left:150px;
margin-top:-25px;
margin-bottom:20px;
padding : 10px;	
text-align:justify;	
background-color: #E9E9E9;
width:40%;
}

/* Prise en charge du bug IE /firefox pour l'encadré gris (firefox et IE ne placent pas toujours les informations
de la meme façon, cette astuce permet de configurer différement les infos pour IE et Firefox */

html>body .centre0
{
margin-left:270px;

}

/* Premier cadre de la partie centrale de la page d'accueil (Infos IMI)*/

.centre1 {
float:left;
height : 260px; /* pour IE */
font-size : 12px;
line-height : 14px;
margin-top :20px;
margin-left:20px;
margin-bottom:0px;
margin-right:0px;
padding : 10px;	
border: 1px solid #4068ab;	
background-color: #F1F4FA;
width:44%;
}

/* Hack pour corriger bug IE/firefox pour le premier cadre de la partie centrale de la page d'accueil */

html>body .centre1
{
	width:42%;
	height : 240px; /* pour firefox */
	margin-left:40px;
}

/* Deuxième cadre de la partie centrale de la page d'accueil*/

.centre2 {
float:left;
height : 260px; /* pour IE */
font-size : 12px;
line-height : 14px;
margin-top : 20px;
margin-left:20px;
margin-bottom:0px;
margin-right:0px;
padding : 10px;	
border: 1px solid #4068ab;	
background-color: #F1F4FA;
width:44%;
}

/* Hack pour corriger bug IE/firefox pour le deuxième cadre de la partie centrale de la page d'accueil*/

html>body .centre2
{
	width:42%;
	height : 240px; /* pour firefox */
}

/* Premier petit cadre en bas*/

.cadrebas1 {
float:left;
height : 170px; /* pour IE */
font-size : 12px;
line-height : 14px;
margin-top :-30px;
margin-left:20px;
margin-bottom:0px;
margin-right:0px;
padding: 5px;
background-color: #F1F4FA;
width:21%;
}

html>body .cadrebas1
{
	width:19%;
	height : 170px; /* pour firefox */
	margin-left:60px;
}


/* Deuxième petit cadre en bas*/

.cadrebas2 {
float:left;
height : 170px; /* pour IE */
font-size : 12px;
line-height : 14px;
margin-top :-30px;
margin-left:20px;
margin-bottom:0px;
margin-right:0px;
padding : 5px;	
background-color: #F1F4FA;
width:21%;
}

html>body .cadrebas2
{
	width:19%;
	height : 170px; /* pour firefox */
}


/* Troisième petit cadre en bas*/

.cadrebas3 {
float:left;
height : 170px; /* pour IE */
font-size : 12px;
line-height : 14px;
margin-top :-30px;
margin-left:20px;
margin-bottom:0px;
margin-right:0px;
padding : 5px;	
background-color: #F1F4FA;
width:21%;
}

html>body .cadrebas3
{
	width:19%;
	height : 170px; /* pour firefox */
}

.cadrebas4 {
float:left;
height : 170px; /* pour IE */
font-size : 12px;
line-height : 14px;
margin-top :-30px;
margin-left:20px;
margin-bottom:0px;
margin-right:0px;
padding : 5px;	
background-color: #F1F4FA;
width:21%;
}

html>body .cadrebas4
{
	width:19%;
	height : 170px; /* pour firefox */
}

/*Pour mettre éventuellement un cadre sur la droite*/

.droite1
{
float:right;
width: 20%;
height : 35px;
font-size : 14px;
line-height : 14px;
margin-left:25px;
margin-top:15px;
padding-top:5px;
text-align:center;
border: 1px solid #4068ab;	
background-color: #F1F4FA;
}


/* Pour gérer le titre du cadre de droite */

.titredroite1
{
position: relative;
left:-0px;
top:0px;
font-weight: bold;
padding:2px;
font-size : 12px;
color:#FFFFFF;
text-align:center;	
background-color: #9999CC;	
}

/* Pour mettre éventuellement un Deuxième cadre à droite */

.droite2
{
float:right;
width: 20%;
height : 170px;
font-size : 12px;
line-height : 14px;
margin-left:30px;
margin-top:0px;
text-align:center;
border: 1px solid #4068ab;	
background-color: #F1F4FA;
}

/* Pour gérer le copyright en base de la page d'accueil */

.fond {
float:left;
width: 96%;
height : 220px;
font-size : 12px;
line-height : 14px;
margin-top : 25px;
margin-left:0px;
padding : 10px;	
text-align : center;
/* background-color : #CCCCFF;   */
color : #663366;
}
html>body .fond
{
	width:100%;

}

/* Police spécifique avec soulignement */

.td_ln
{
border-bottom:1px solid #9999CC;
display:block;
font-family : Geneva, Arial, Helvetica, san-serif;
font-size : 16px;
color : #660000;
font-weight : bold;
line-height : 15px;
}
.td_ln2
{
border-bottom:1px solid #9999CC;
display:block;
font-family : Geneva, Arial, Helvetica, san-serif;
font-size : 13px;
color : #660000;
font-weight : bold;
line-height : 15px;
}
.souligne{
width: 200px;
padding: 5px;
border-bottom: 1px solid black;
font-family : Geneva, Arial, Helvetica, san-serif;
font-size : 16px;
color : #660000;
font-weight : bold;
}

#imprimer {
	display: table;
	width: 400px;
	left: 25px;
	position: static;
//	height: 30px;
	vertical-align: middle;
}


} 
.box {
	width : 200px;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-bottom-style : dashed;
	border-left-style : dashed;
	border-top-color : #cccccc;
	border-right-color : #cccccc;
	border-bottom-color : #cccccc;
	border-left-color : #cccccc;
	margin : 1px;
	padding : 2px;
	float: right;
	
}	
	
	
	
/*=========================================* Pour gérer les liens	 */
	

/* couleur des liens quand on passe dessus*/

a:hover
{
background-color : #cccccc;
color : #663366;
}


/* couleur des liens à la base */

a:link
{
font-family : Geneva, Arial, Helvetica, san-serif;
color : #663366;
text-decoration : none;
}

/* couleur des liens visités*/

a:visited
{
color : #663366;
text-decoration : none;
}

/* couleur des liens activés, c'est à dire quand on clique dessus*/

a:active
{
font-family : Geneva, Arial, Helvetica, san-serif;
color : #CCCCCC;
background-color : #660000;
}


body
{
font-family : Geneva, Arial, Helvetica, san-serif;
font-size : 12px;
}


.menubreves {
font-size : 11px; 
list-style-type : square; 
width : 200px; 
color : #ff9900; 
text-decoration : none; 
vertical-align : middle; 
} 

.contenu 
{
font-size : 13px;
line-height : 20px; 
text-align : justify;
}
.contenu2
{
font-size : 12px;
line-height : 18px;
text-align : justify;
}
.contenu3
{
font-size : 12px;
line-height : 20px;
text-align : justify;
}
.contenu4
{
font-size : 13px;
line-height : 20px;
text-align : justify;
color : #cc9900;

}
.rub-text 
{
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-right-style : none; 
border-bottom-style : none;
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
float : left; 
width : 400px; 
margin : 1px; 
padding : 10px; 
clear : right; 
border-right-style : dashed; 
} 
.titre {
font-family : Geneva, Arial, Helvetica, san-serif;
font-variant:small-caps; 
font-size : 24px; 
font-weight : bold; 
color : #660000; 
/* border-bottom:1px solid #9999CC; */
display:block;
} 
.titre2 {
font-family : Geneva, Arial, Helvetica, san-serif; 
font-size : 16px; 
color : #660000; 
font-weight : bold; 
} 
.titre3 {
font-family : Geneva, Arial, Helvetica, san-serif; 
font-size : 14px; 
font-weight : bold; 
color : #660000; 
} 
.titrearticle {
font-family : Geneva, Arial, Helvetica, san-serif; 
padding-bottom:2px;
padding-left:3px;
padding-right:3px
padding-top:3px;
margin-bottom:10px;
font-size : 16px;
font-weight : bold;
color : #660000; 
} 

.titrearticle2 {
font-family : Geneva, Arial, Helvetica, san-serif;
border-bottom:1px dashed #9999CC;
padding:3px;
font-size : 18px;
font-weight : bold;
margin-left: 10em
color : #660000;
}

.titrearticle3 {
font-family : Geneva, Arial, Helvetica, san-serif;
padding-left:3px;
padding-right:3px
padding-bottom:0px;
margin-bottom:10px;
font-size : 13px;
font-weight : bold;
color : #660000;
}



.intro {
font-family : Geneva, Arial, Helvetica, san-serif; 
font-size : 15px; 
color : #660000; 
text-align : left; 

} 
.texterub {
float:left;
border: 1px dashed #9999CC;
width : 650px;
text-align:left;
color:  #cc9900;
background-color:#F5F8FC;
font-size : 12px;
margin: 10px;
margin-bottom : 0px;
padding-bottom: -10px;
padding: 10px;
clear:left;
} 

.notice {
font-size : 10px;
color : #C0C0C0;  
} 

.surtitre {
font-size : 11px; 
color : #cc9900; 
} 
.soustitre {
margin-top:10px;
font-size : 15px; 
line-height: 15px;
color : #cc9900; 
} 
.chapo {
font-size : 13px;
text-align : left; 
font-weight : bold;
line-height: 20px;
} 
.chapo2 {
font-size : 12px;
text-align : left;
font-weight : bold;
line-height: 18px;
}
.ps {
font-size : 11px; 
color : #cc9900;

} 
.date {
font-size : 12px; 
color : #660000; 
float : right; 
width : 200px; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
font-weight : bold; 
margin : 2px;
margin-left : 20px;
padding : 5px; 
} 

.vignette {
font-size : 12px; 
color : #660000; 
float : right;
width: 200px;
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
/* border-bottom-style : dashed;  */
/* border-left-style : dashed;  */
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
font-weight : bold; 
margin-right : 2px;
margin-bottom : 2px;
margin-top : 80px;
margin-left : 20px;
padding : 5px; 
} 

.lesauteurs {
font-size : 13px; 
color : #cc9900; 
text-align : left; 
clear : left; 
float : right; 
width : 500px; 
} 
.grasorange {
font-size : 12px; 
font-weight : bold; 
color : #663366; 
}
.notes {
font-family : Geneva, Arial, Helvetica, san-serif;
text-align : left; 
font-size : 80%; 
} 
.inscription {
	float : right;
	width : 35%;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-bottom-style : dashed;
	border-left-style : dashed;
	border-top-color : #cccccc;
	border-right-color : #cccccc;
	border-bottom-color : #cccccc;
	border-left-color : #cccccc;
	margin : 1px;
	padding : 10px;
	display: block;

} 
.colonnage {
	width : 175px;
	margin : 1px;
	padding : 10px;
	text-align : center;
	vertical-align : middle;
	border : 1px solid #cccccc;
	display: block;
	height: 125px;
}
 
.textebreves {
text-align : left; 
vertical-align : left; 
margin : 5px; 
padding : 10px; 
width : 72%; 
clear : both; 
} 
.forumformulaire {
width : 50%; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
} 
.boxvisite {
float : right; 
width : 75%; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
clear : left; 
} 
.titre1 {
font-family : Geneva, Arial, Helvetica, san-serif; 
font-size : 24px; 
font-weight : bold; 
color : #663366; 
} 
.boxpopulaire {
float : right; 
width : 200px; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
} 
.grasbeige {
font-size : 12px; 
font-weight : bold; 
color : #cc9900; 
}
.hiddenform {
	display: none;
}
.amazon {
float : right;
width : 200px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-bottom-style : dashed;
border-left-style : dashed;
border-top-color : #cccccc;
border-right-color : #cccccc;
border-bottom-color : #cccccc;
border-left-color : #cccccc;
margin : 1px;
padding : 10px;
}






.texterubmotscles {
float:right;
border: 1px solid #9999CC;
width : 210px;
background-color:#F5F8FC;
margin-left: 20px;
font-size : 12px;
padding-left : 10px;
padding-right:0px;
padding-top:10px;
padding-bottom:10px;
}
.texterubmotscles2 {
float:left;
border: 1px solid #9999CC;
width : 250px;
background-color:#F5F8FC;
margin-left:100px;
margin-top: 40px;
font-size : 12px;
padding-left : 10px;
padding-right:0px;
padding-top:10px;
padding-bottom:10px;
}
.texterubmotscles3 {
float:left;
border: 1px solid #9999CC;
width : 250px;
background-color:#F5F8FC;
margin-left: 50px;
margin-top: 0px;
margin-bottom: 320px;
font-size : 12px;
padding-left : 10px;
padding-right:0px;
padding-top:10px;
padding-bottom:10px;
}


/* Mots clés*/

.titremotscles {
font-family : Geneva, Arial, Helvetica, san-serif;
font-size : 14px;
font-weight : bold;
color : #660000;
border-bottom:1px solid #9999CC;
display:block;
}
.logomotscles {
float:left;
margin-top :5px;
margin-right :10px;
margin-left :0px;
margin-bottom :2px;
}
.titremotsclesarticles {
font-family : Geneva, Arial, Helvetica, san-serif;
font-size : 14px;
font-weight : bold;
color : #660000;
display:block;
}




.position_rub {
margin-left : 60px;
}

.position_art {
margin-left : 80px;
line-height: 16px;
}

.position_ssrub {
margin-left : 80px;
border-bottom:1px dashed #9999CC;
font-size : 14px;
}

.position_ssart {
margin-left : 100px;
line-height: 16px;
}

.position_ss_ss_rub {
border-bottom:1px dashed #9999CC;
margin-left : 100px;
font-size : 14px;
}

.position_ss_ss_art {
margin-left : 120px;
line-height: 16px;
}







/*Poubelle : a priori ne sert à rien mais on sait jamais ! */



}
.fondation{
float:left;
width: 30%;
height : 175px;
font-size : 12px;
line-height : 14px;
margin-left:20px;
margin-top:16px;
border: 1px solid #4068ab;	
background-color: #F5F8FC;	
}
.somfondation{
position: relative;
left:-0px;
top:0px;
font-weight: bold;
padding:2px;
font-size : 12px;
color:#FFFFFF;
text-align:center;	
background-color: #9999CC;	
}


.gris
{
float:left;
width: 40%;
height : 50px;
font-size : 12px;
line-height : 14px;
margin-left:10px;
padding : 0px;	
background-color: #E9E9E9;


.Articles {
float:left;
width: 40%;
height : 220px;
font-size : 12px;
line-height : 14px;
margin-top : 40px;
margin-left:25px;
padding : 10px;	
border: 1px dashed #4068ab;	
background-color: #F5F8FC;
}
.Articles2 {
float:left;
width: 40%;
height : 220px;
font-size : 12px;
line-height : 14px;
margin-top : 40px;
margin-left:20px;
padding : 10px;	
border: 1px dashed #4068ab;	
background-color: #F5F8FC;
}
.Articles3 {
float:left;
width: 40%;
height : 250px;
font-size : 12px;
line-height : 14px;
margin-top:20px;
margin-left:25px;
padding : 10px;	
border: 1px dashed #4068ab;	
background-color: #F5F8FC;
}
.Articles4 {
float:left;
width: 40%;
height : 250px;
font-size : 12px;
line-height : 14px;
margin-top:20px;
margin-left:20px;
padding : 10px;	
border: 1px dashed #4068ab;	
background-color: #F5F8FC;
}