/* Feuille de style www.cggs.re */

/* balises communes */
html > body {overflow-y: auto}

body
{
	font-size: 11px; /*62.5%; /* Resets 1em to 10px */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	margin:0;
	padding:0;
	background-color:#f0f0f0;
	background-repeat:repeat-y;
	background-position:center;
	z-index:1;
}

h1{
	text-align:center;
	font-size:16px	/* 1.5em; */
	color:#a8cfed;
	font-size:15px;
	padding-top:20px;
	padding-left:30px;
	background:url(../images/30.jpg) no-repeat;
	margin-bottom:5px;
}
h2{
	padding-top:20px;
	padding-left:30px;
	color: rgb(168, 207, 237);
	font-size:16px;
	background:url(../images/20.jpg) no-repeat;
	height:auto;
	margin-bottom:5px;
}
h3{
	font-size:16px;
	color:rgb(92, 151, 196);
	padding-top:20px;
	padding-left:30px;
	background:url(../images/40.jpg) no-repeat;
	height:auto;
	margin:0;
	margin-bottom:5px;
}
h4{
	font-size:16px;
	color:rgb(251, 159, 90);
	padding-top:20px;
	padding-left:30px;
	background:url(../images/30.jpg) no-repeat;
	height:auto;
	margin-bottom:5px;
}
h5{
	font-size:16px;
	color:rgb(177, 213, 135);
	padding-top:20px;
	padding-left:30px;
	background:url(../images/h5.jpg) no-repeat;
	height:auto;
	margin:0;
	margin-bottom:5px;
}
a{
	color:#3869a8;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img 
{
   border: none;
}


/* balises div de parties */
#page{
 	margin:auto;
	padding:0;
	width: 986px;
/*	height:100%;
/*	border-right:1px #c5d9ef solid;
	border-left:1px #c5d9ef solid;
	border-bottom:1px #c5d9ef solid;*/
/*	background-color:white; */
	background-image:url(/images/fond.jpg);
}

#milieu{
	clear:both;
/* 	height:auto;  */
/*	background: url('/images/degrade2.jpg') repeat-x; */
	margin:0;
	padding:0;
}

#bas{
	height:15px;
	clear:both;
	margin-left:3px;
	margin-right:3px;
	padding:3px;
	border-bottom:1px #c5d9ef solid;
	text-align:center;
	color: #307db7;
	font-size:10px;
	font-weight:bold;
	background-color:#f0f0f0;
/*	text-shadow: 0.2em 0.2em 0.2em black; */
}

div#cadredumenugauche {
	float:left;
	text-align:left;
	color:#666666;
	padding:15 5 5 5px;
	margin:0;
	width:190px;
	height:auto;
}

div#cadredumenudroite {
	float:left;
	text-align:left;
	padding:5;
	margin:20 0px;
	width:170px;
	height:550px;
}

div#cadrecentrale { 
	float:left;
	padding:5;
	margin:20 0px;
	width:580px;
	font-size:12px;
	text-align:justify;
}

div#cadrefull { 
	float:left;
	padding:5px; 
	margin:20 0px; 
	width:760px;
	font-size:12px;
	text-align:justify;
}
div#cadreactus { 
	float:right;
	padding:5px; 
	margin:20 0px; 
	width:760px;
	font-size:12px;
	text-align:justify;
}

#cadremenuhaut {
	width:986px;
	height:120px;
	margin:0;
	padding:0;
	margin-top:-1; 
	padding-top:15;
	background: url('/images/bandeaufond.jpg') center no-repeat; 
	text-align:left;
}
#menuhaut{
	margin:0px;
	padding:0px;
	float:right;

}
#menuhaut ul{
	margin:0px;
	padding:5px;
	text-align:right; 
}

#menuhaut li{
	display:inline;
	margin:0 1px 0 0;
	padding:0 4px;
	border-left:1px black solid; 
}
#logos{
	margin-left:560px;
	margin-top:45px;
	width:400px;
	height:60px;

}
.lien1{
	float:left;
	width:60px;
	height:60px;
	cursor:pointer;
}
.lien2{
	float:left;
	margin-left:20px;
	width:115px;
	height:60px;
	cursor:pointer;
}
.lien3{
	float:left;
	margin-left:20px;
	width:60px;
	height:60px;
	cursor:pointer;
}
.lien4{
	float:left;
	margin-left:20px;
	width:90px;
	height:60px;
	cursor:pointer;
}

#recherche{
	float:right;
	margin:30 30 0 0px;
	width:auto;
	height:20px;
	padding:5 3 5 20px;
	text-align:left;
	background:url(/images/loupe.gif) left no-repeat;
	border:1px #eeeeee solid; 
}
#recherche input, form{
/*	border:none;	*/
	padding:0;
	margin:0;
/*	font:Arial, Helvetica, sans-serif; */
	font-size:11px;
}
#q{
	border:none;
}

#navigation {
	height:15px;
	clear:both;
	margin-left:3px;
	margin-right:3px;
/*	padding:3px; */
	text-align:left;
/*	background-color:#f2fcf7; 
	background-color:#eef2f5;*/
	background-image:url(/images/navbg.jpg);
	background-repeat:repeat-x;
/*	background-position:0 6px; */
	color: #307db7;
	border-bottom:1px #c5d9ef solid;
	font-size:12px;
	font-weight:bold;
}

#actualites {
	margin-bottom:10px;
}

/* class de contenu */
.blocgauche {
	float:left;
/*	border:1px blue solid;  */
	width:100%;
	margin:0 0 20 0px;
	padding:0;
}
.blocgauche ul{
	margin:0;
	padding-left:1em;
	list-style:none;
}
.blocgauche li{
	padding-top:5px;

}

.contenu{
	width:auto;
	text-align:justify;
	margin:0;
	padding:0 10px;
	font-size:12px;
}
/*
.contenu p{
	text-indent:25px;
}
*/
.contenu th, td{
	font-size:12px;
}
.contenu ul{
	list-style-image:url(/images/pucebleucarre.png);
}
.contenu li{
	padding-bottom:10px;
}
.gestion{
	width:auto;
	text-align:justify;
	margin:0;
	padding:0 10px;
	font-size:12px;
}

.gestion table{
	width : 100%;
	border: 1px solid black;
}
.gestion th{
	background-color:#69abe5;
	font-size: 12px;
	color: white;
	text-align:left;
	padding: 5px;
	
}

.gestion td{
	font-size:12px;
	padding: 5px;
}

.gestion tr.clair{
	background-color:#EEEEFF;
}



.cadre1{
	width:33%;
	border:1px rgb(92, 151, 196) solid;
	margin:0;
	padding:0;
}
.cadre1 .titre1{
	font-size:16px;
	background-color:rgb(92, 151, 196);
	padding:5px;
	height:auto;
	color:white;
}


/*
.lien{
	margin:0;
	padding:20 15 0 30px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
	height:50px;
	width:170px;
	text-align:left;
	background:url(/images/fondlien.jpg) no-repeat;
}
*/

.lien{
	margin:0;
	padding:15 5 0 25px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	height:25px;
	width:170px;
	text-align:left;
	background:url(/images/21.jpg) no-repeat; /*existe en png*/
}
.lien a{
	padding-top:15px;
	text-decoration:none;
	font-style:italic;
	color: rgb(168, 207, 237);
}
.lien a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}
.lienet{
	background:url(/images/dl.jpg) no-repeat; /*existe en png*/
	background-position:5 0px;
	padding:0 0 0 25px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	width:170px;
	text-align:left;
}

.lienet a{
	padding-top:15px;
	text-decoration:none;
	font-style:italic;
	color: rgb(168, 207, 237);
}
.lienet a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.lienetf{
	background:url(/images/dl.jpg) no-repeat; /*existe en png*/
	background-position:5 0px;
	padding:0 0 0 25px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	width:170px;
	text-align:left;
}

.lienetf a{
	padding-top:15px;
	text-decoration:none;
	font-style:italic;
	color:rgb(92, 151, 196);
}
.lienetf a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.lienplus{
	background:url(/images/plus.jpg) no-repeat; /*existe en png*/
	background-position:5 0px;
	padding:0 0 0 25px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	width:170px;
	text-align:left;
}

.lienplus a{
	padding-top:15px;
	text-decoration:none;
	font-style:italic;
	color: rgb(168, 207, 237);
}
.lienplus a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.lienplusc{
/*	background:url(/images/plus2.jpg) no-repeat; /*existe en png*/
	background-position:8 0px;
	padding:0 0 15 25px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	width:170px;
	height:16px;
	text-align:center;
}

.lienplusc a{
	padding-top:15px;
	text-decoration:none;
	font-style:italic;
	color: rgb(168, 207, 237);
}
.lienplusc a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.lientrb{
	margin:0;
	padding:20 15 0 30px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	height:50px;
	width:170px;
	text-align:left;
	background:url(/images/fondlientrb.jpg) no-repeat; /*existe en png*/
}
.lientrb a{
	padding-top:15px;
	text-decoration:none;
	color: rgb(168, 207, 237);
}
.lientrb a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.lienfiche{
	margin:0;
	padding:20 15 0 30px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	height:50px;
	width:170px;
	text-align:left;
	background:url(/images/fondlieninfo.jpg) no-repeat; /*existe en png*/
}
.lienfiche a{
	padding-top:15px;
	text-decoration:none;
	color: rgb(168, 207, 237);
}
.lienfiche a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.lienpdf{
	margin:0;
	padding:10 0 10 30px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	height:50px;
	width:170px;
	text-align:left;
	background:url(/images/fondlienpdf.jpg) no-repeat; /*existe en png*/
}
.lienpdf a{
	padding-top:15px;
	text-decoration:none;
	color: rgb(168, 207, 237);
}
.lienpdf a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.lienppt{
	margin:0;
	padding:10 0 10 30px;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
/*	font-style:italic; */
	height:50px;
	width:170px;
	text-align:left;
	background:url(/images/fondlienppt.jpg) no-repeat; /*existe en png*/
}
.lienppt a{
	padding-top:15px;
	text-decoration:none;
	color: rgb(168, 207, 237);
}
.lienppt a:hover{
	text-decoration:none;
	color: rgb(180, 225, 255);
}

.blocdroit {
	float:left;
/*	border:1px blue solid;   */
	width:100%;
	margin:0;
	padding:0;
}
.blocdroit ul{
	margin:0;
	padding-left:1em;
	list-style:none;
}
.blocdroit li{
	padding-top:5px;

}

.menuliste li{
	padding-left:10px;
	background:url('/images/minif.gif') no-repeat;
	background-position:0px 8px;

}

.listeplan{
	margin:0;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
.listeplan ul
{
	margin-left: 20px;
	line-height:20px;

}
.listeplan a{
	color:#3869a8;
	text-decoration:none;
}

.listeplan a:hover{
	color:#3869a8;
	text-decoration:underline;
}

.titre {
	background: url(/images/hrtitre.jpg) bottom left no-repeat;
	text-align:left;
	font-size:14px;
	font-weight:bold; 
	font-family:Arial; 
	font-style:italic;
	color: rgb(168, 207, 237);
	width:170px;
	padding:5px;
	margin:10 0px;
}

.cadreorange{
	background: url(/images/barrebleumilieu.gif) repeat-y;
	width:540px;
	margin:0 10px;
	padding:0 5px;
}
.cadreorangehaut{
	background: url(/images/barreorangepastel.gif) top center no-repeat;
	height:30px;
	margin:0 10px;
	padding:10 0px;
	width:540px;
	
}
.cadreorangebas{
	background: url(/images/barreorangepastelbas.gif) no-repeat;
	margin:0 10px;
	padding:0 5px;
	height:25px;
}

.cadreor{
	width:258px;
	position:absolute;
	z-index:100;
}
.cadreor h1 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url('/images/cadreor_ht.png') no-repeat;
	background-position: center top;
	text-align: center;
	color:black;
}
.cadreor p {
	margin:0;
	text-align: justify;
	background:url('/images/cadreor_bs.png') no-repeat;
	padding-bottom: 10px; 
	background-position: center bottom;
}

.cadreblc{
/*	width:258px; */
	width:450px;
	position:absolute;
	z-index:100;
	visibility:hidden; 
	top:200px;
	left:500px;
}
.cadreblc h1{
	margin: 0;
	padding: 10px 20px 5px 20px; 
	text-align: center;
	color:black;
	font-size:16px;
	background:transparent url('/images/cadreblc2_ht.gif') center top no-repeat;
/*	background:url(no-image);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/cadreblc_ht.png'); 
/*	height:20px; */
}
.cadreblc hr{
	margin:0;
	border:1px thick #CCCCCC;
}

.cadreblc p{
	margin:3 0 3 0px;
}
/*
.cadreblc input{
	margin:0px;
	text-align:center;
}
*/
.cadreblc .corps{
	margin:0;
	padding:3 10 5 10px;
	text-align: justify;
	background:transparent url('/images/cadreblc2_bs.gif') center bottom no-repeat;
}

.tab{
	border:1px black solid;
	padding:1px;
	width:100%;
	margin:0;
}
.tab th{
	background-color:#69abe5;
	font-size: 12px;
	color: white;
	text-align:left;
	padding:5px;
}
.tab td{
	font-size:12px;
	padding:5px;
	background-color:#EEEEFF;
}


.cadreactu{
	width:100%;
	padding:10px;
	margin:0 0 20 0px;
	height:auto;
	border-bottom:1px #c5d9ef dotted;
/*	background: url(/images/cadreactus_bs.jpg) bottom no-repeat; */
}
.cadreactu h2{
/*	font-size:1.3em; */
	color:rgb(92, 151, 196);
	text-align:center;
	padding-top:10px;
/*	background: url(/images/cadreactus_ht.jpg) top no-repeat; */
}
.cadreactu .tactu{
	margin:5px;
	padding:5px;
	font-weight:bold;
	text-align:justify;
}
.cadreactu p{
	margin:5px;
	padding:5px;
	text-align:justify;
}
.cadreactu ul{
	margin:15px;
	text-align:justify;
}

.bordepais{
	border-left:5px solid #add2e2; 
	padding-left:5px;
}

#blocbleu
{
	width:170px;
	padding:0;
	margin:0;
	text-align:center;
	height:auto;
	background: url(/images/cadrebleurelief_bs.jpg) bottom no-repeat;
	color:white;

}
#blocbleu h2{
	color:white;
/*	font-size:1.3em; */
	text-align:center;
	padding-top:18px;
	background: url(/images/cadrebleurelief_ht.jpg) top no-repeat;
}
#blocbleu p{
	padding:5 10 15 8px;
	text-align:justify;
}
#blocbleu a{
	color:yellow;
	text-decoration:none;
}
#blocbleu a:hover{
	color:yellow;
	text-decoration:underline;
}

#blocentbleu
{
/*	border:1px black solid;  */
	width:170px;
	padding:0;
	margin:0;
	text-align:center;
	height:auto;
	background: url(/images/cadrecontourbleu_bs.gif) bottom no-repeat;
	color:black;

}

#blocentbleu h2{
	text-align:center;
	padding-top:20px;
	background: url(/images/cadrecontourbleu_ht.gif) top no-repeat;
}
#blocentbleu p{
	padding:5 10 15 8px;
	text-align:justify;
}



#blocorange{
	height:250px;
	background: url(/images/cadreorangerelief_bs.jpg) bottom no-repeat;
	width:180px;
	padding:0;
	margin:0;
	height:auto;
}
#blocorange h2{
	padding-top:20px;
}
#blocorange p{
	padding:15 20 15 15px;
	font-size:11px;
	color:blue;
	text-align:justify;
	background: url(/images/cadreorangerelief_ht.jpg) top no-repeat;
}

#blocorange a{
	color:yellow;
	text-decoration:none;
}
#blocorange a:hover{
	color:yellow;
	text-decoration:underline;
}

.imgflush{
	filter:alpha(opacity=100);
	opacity: 1;
}