/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#232B3F; font-weight:normal}
/*html, body{margin:0 0 20px 0;padding:0;background-color:#586ca6;}*/
html, body{margin:0 0 20px 0;padding:0;background-color:#586ca6;background-image:url(/templates/temp/xxl/bg2.png);background-repeat:repeat-x;background-position: top;} 

/* lien par defaut */
A {color:#003399; text-decoration:none}
A:hover {color:#FF0000;text-decoration:none}
 a:hover img{text-decoration:none;background-image:none}

/* liste par defaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par defaut */
h1 {color:#000099; font-weight:bold;font-size:1.5em}
h2 {color:#003399; font-weight:bold;font-size:1.4em;margin-top:2em}
h3 {color:#1967B4; font-weight:bold;font-size:1.4em}

/* image par defaut */
img{border:0;text-decoration:none;background-image:none}
a img{border:0,text-decoration:none;background-image:inherit}


/* neutralise les marge sous ie */
form{margin:0;padding:0;}




/* temp.html */

#conteneur {width:967px; margin:0 auto;background:#FFF;
border-right:#8198CF 0px solid; border-top:#8198CF 0px solid; border-left:#8198CF 0px solid; color:#8198CF; border-bottom:#8198CF 0px solid;
}

#header{
	width:965px; margin:0 auto;
	height:16px;
	font-size:0.9em;
	background:#FFFFFF;
	text-align:right;padding:0
}
	#header ul{margin-right:1em;display:inline;border-right:1px solid #CFE2FF}
	#header ul li{border-left:1px solid #CFE2FF;display:inline;padding:0 0.6em 0 1em}
	#header a {color:#586CA6}
	#header a:hover{color:#FF0000}

.header1{
 clear:both; 
 height: 26px; 
 background-image:url(/artpublic/templates/temp/xxl/cellpic1.gif);
 background-position: top left;
 background-repeat:repeat-x;
 background-color:#F7F9FB 
}
          #hh01{width:auto; float:left;text-align:left}
	  #hh01 form, #hh01 form div {display:inline}
	  #hh01-b{width:auto; float:left; margin-top:0px; padding-left:1em;text-align:left}
          #hh02{width:auto; float:right; margin-top:0px; display:inline; text-align:right;
                color:#FF0000; font-weight:bold; font-size:115%; font-style:italic;
                font-family:Arial, Helvetica, Verdana, sans-serif; padding-top:0.3em; padding-right:1em}



.header2{
	background-image:url(/artpublic/templates/temp/xxl/site_logo.gif);margin:0;left:0;
	width:957px;height:100px;background-position:center;
	background-repeat:repeat-x;
	border-top:1px solid #A7BDDF;
        border-bottom:1px solid #B3CAEF
}
	#hh03{position:absolute;
         z-index:90;
         font-size:0; color:#000000; margin:0
}	
	 #hh03-b{         
         z-index:80;         
         height:100px;         
         background-position:center;
         background-repeat:no-repeat
}	
         #hh03-c{position:relative;padding-right:1em;margin-top:-6em;margin-left:70em}
	

#header3{  display:none;
 position:relative;z-index:500; /* necessaire pour ie pour permettre le deroule du menu en page accueil*/
 clear:left;
 height:21px;
 background-image:url(/artpublic/templates/temp/xxl/cellpic1.gif);
 background-position: top left;
 background-repeat:repeat-x;
 background-color:#8198CF;
 border-bottom:1px solid #A7BDDF;       	
}	#hh04{float:left; font-size:11px; font-weight:bold; padding-top:0px; padding-left:24em; padding-bottom:0}              
        #hh04 ul {margin-bottom:0; margin-right:1em; display:inline; border-right:1px solid #92B9F4;padding:0}		
        #hh04 ul li {border-left:1px solid #92B9F4; display:inline; padding:2px 0.6em 0 1em}
		
        #hh04 a {color:#003399}		
        #hh04 a:hover {color:#FF6600}
        #hh05{float:right; padding-right:1em; margin-top:0em}




#mentete {
	width:100%;
	height:18px;
        margin-top:10px;
	background:#D1DAEF;
       	border:1px solid #B3CAEF
}

	#entete {
	float:left;
	padding-top:0.2em;
	padding-left:1em;
	color:#000000; font-size:11px; font-weight:normal
	}
		#entete A {color:#000000}
		#entete A:hover {color:#003399}

  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#000000; font-size:11px; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#000000; font-weight:normal}
		#entetepage A:hover {color:#003399; font-weight:normal}

	DIV.mg1 {clear:left;font-size:10pt; color:#FFF; font-weight:bold; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em }
	DIV.mg1 img{border:0}
        DIV.mg1 {
 border-bottom:#586CA6 1px solid;
 border-top:#586CA6 1px solid;
 background-color:#586ca6;
 /* background-image:url(/artpublic/templates/temp/xxl/cellpic1.gif); */
 background-position: bottom left;
 background-repeat: repeat-x
}
        DIV.mg3 {padding-left:0.4em; line-height:15px}
	DIV.mg3 a {}


#menugauche {
	margin:10px 0 10px 0;
	border:#586CA6 1px solid;	
        width:157px;
	float:left;
	background:#D1DAEF
}  



/* #contenupage{padding-left:165px;padding-right:300px;}
#contenupage2{padding-left:165px;padding-right:115px;} 
#contenupage3{padding-left:165px;padding-right:0;}	
#coulcentre{float:left;min-height:400px;width:95%;padding:10px 5px 5px 5px} */

#contenupage {
	padding-left:155px;
	padding-right:0
} 
	#coulcentre {padding:20px; background:#FCFCFC}


/* zones publicitaires */

/* #pub001 {
        border-bottom:1px #586ca6 solid;
        width:auto;
	background:#D1DAEF;
        padding:2px;
        margin-bottom:1em
} */

#pub002 {
        clear:both;
        width:auto;
	min-height:30px;
        border-bottom:1px #586ca6 dotted;        
	background:#D1DAEF;
        padding:2px;
        margin-top:0
}

#pubdroite {}


/* fin zones publicitaires */



.footer{
 /*width:auto;*/
 /* height:42px; */
 background-image:url(/artpublic/templates/temp/xxl/cellpic3.gif);
 background-position: bottom left;
 background-repeat:repeat-x; 

}
	.footer ul { font-weight:bold;margin-right:1em; display:inline; border-right:1px solid #586CA6}
	.footer ul li {border-left:1px solid #586CA6; display:inline; padding-right:0.6em; padding-left:1em}
	.footer A {color:#586CA6}
	.footer A:hover {color:#FF6600}

.footer img{border:0}

#footer-p1{   /*parametrage different pour affichage I.E*/
        float:left;
        margin: 0;
        padding: 13px 0 0 20px;
}

#footer-p2{        
	position:relative;
        margin-left:425px;
        top:13px;
}

#footer-p3{
       float:right;
       position:relative;
       top:-3px;
       color:#586CA6;
       margin:0;	        
       BORDER:#586CA6 0px solid;
       padding:0 40px 0 0;	
}


/* page accueil */

#bonjour{font-weight: bold;color:#586CA6}

  #rubriques h1, #rubriques2 h1, #aa02 h1, #aa01 h1, #agenda-1 h1, #agenda-2 h1 {
 clear:left;
 width:auto;
 height:22px;
 background-image:url(http://www.topevolution.info/artpublic/templates/temp/xxl/forumbottom.jpg);
 background-position: bottom left;
 background-repeat:repeat-x;
 background-color:#cccccc;
font-size:1.4em
}

#accueil{
	width:99%;
         height:320px;
}

#aa01{
	float:left;
	width:45%;
	padding:0.5em;
        overflow:auto
}

        #aa01 h1 {display:inline; color:#1967B4; font-size:1.2em; margin:0; background:none}
	#aa01 h2 {display:block; margin:0;padding:0}



#aa02{
	/* float:right; */
	/* width:50%; */
        height:320px;
	/* BORDER:#003366 1px dotted; */
	padding:0.5em;	
        overflow:auto
}
	


	
#rubriques{	
        float:left;
	width:98%;       
	margin-top:0.5em;
	padding-top:1em;
	padding-bottom:1em;
	

}
	#rubriques ul {list-style-type:none; margin:0; padding-left:15px}
	#rubriques A {color:#FF6600}
	#rubriques A:hover {color:#FF6600}
	#rubriques img {float:left}

  
  #ru1b{
        float:right;
	width:98%;       
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 0px solid;
        overflow:auto
}

/* fin page accueil */





/* autres elements par defaut */
INPUT {
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EFFBFF
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}

/* Tableau bas de page*/
       .table-footer{
       background-color: #eeeeee;
       border-collapse:collapse;
       border: 0px solid #ffffff;
       color:#003399;
       font-size: 100%;
       width:100%;
}
	.table-footer p{margin:0}

.entete-a1 {
font-family:verdana, sans-serif;
font-size:90%;
font-weight: bold;
text-align:center;
background-color:#ffffff;
border-color:white;
border-style:solid;
border-width:1px;
width:100%;
}
.titre-a1 {
font-family:verdana, sans-serif;
font-size:110%;
font-weight: bold;
color:white;
text-align:center;
background-color:#003399;
border-color:white;
border-style:solid;
border-width:2px;
width:25%;
}
.libelle-a1 {
font-family:verdana, sans-serif;
font-size:100%;
color:#000099;
text-align:center;
border-color:white;
border-style:solid;
border-width:1px;
width:25%;
}
/* Fin de tableau bas de page*/



/* Tableaux catalogue*/

.table-sommaire {
background-color: #eeeeee;
border: 1px solid #000099;
border-collapse:collapse;
color:#003399;
width:45%;
line-height: 20px;
margin-left: 30px;
}
.sommaire-bouton {
font-family:verdana, sans-serif;
text-align:center;
border-color:#000099;
border-style:solid;
border-width:1px;
width:20%;
}
.sommaire-libelle {
font-family:verdana, sans-serif;
text-align:left;
padding-left:20px;
border-color:#000099;
border-style:solid;
border-width:1px;
width:80%;
}
.table-catal{
margin-top:2em;
background-color: #E8F6FD;
border: 1px solid #ff0000;
border-collapse:collapse;
color:#003399;
width:95%;
line-height:30px;
}
.entete-libelle {
font-family:verdana, sans-serif;
font-size:100%;
font-weight: bold;
color:red;
text-align:center;
background-color:#B8E0FF;
border-color:red;
border-style:solid;
border-width:1px;
width:60%;
}
.libelle {
font-family:verdana, sans-serif;
font-size:100%;
color:#000099;
text-align:left;
padding-left:5px;
border-color:red;
border-style:solid;
border-width:1px;
width:60%;
}
.entete-ref {
font-family:verdana, sans-serif;
font-size:100%;
font-weight: bold;
color:red;
text-align:center;
background-color:#8ab9f7;
border-color:red;
border-style:solid;
border-width:1px;
width:10%;
}
.ref {
font-family:verdana, sans-serif;
font-size:80%;
color:black;
text-align:center;
border-color:red;
border-style:solid;
border-width:1px;
width:10%;
}
.entete-prog {
font-family:verdana, sans-serif;
font-size:100%;
font-weight: bold;
color:red;
text-align:center;
background-color:#8ab9f7;
border-color:red;
border-style:solid;
border-width:1px;
width:10%;
}
.prog {
font-family:verdana, sans-serif;
font-size:80%;
color:black;
text-align:center;
border-color:red;
border-style:solid;
border-width:1px;
width:10%;
}


/*ajout eric-background document
---------------------------------------- */

.top-left, .top-right, .bottom-left, .bottom-right {
   background-image: url("/artpublic/templates/temp/xxl/rounded.gif"); /* CHANGE: path and name of your image */
   height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   }
.top-left, .bottom-left {
   margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right, .bottom-right {
   margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
   }
.top-right {
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   }
.bottom-left  {
   background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
   }
.bottom-right {
   background-position: 100% -10px; /* CHANGE: replace second number by negative height of one of your corners */
   }
.inside {
   border-left: 1px solid #7386bc; /* YCC: color & properties of the left-borderline */
   border-right: 1px solid #7386bc;/* YCC: color & properties of the right-borderline */
   background: #FFFFFF;            /* YCC: background-color of the inside */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;             /* YCC: all texts at some distance of the left border */
   padding-right: 0px;
   padding-top: 0px;             /* YCC: all texts at some distance of the right border */
   }
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
   margin: 10px auto;
   width : 987px;
   padding: 0px;
}
/* Main blocks
---------------------------------------- */
#wrap {
   width: 986px;
   margin: 0 auto;
   padding: 0px 0px;
}

#simple-wrap {
	padding: 6px 5px;
}




/* Round cornered boxes and backgrounds
---------------------------------------- */
.header1 {	
	color: #FFFFFF;	
	padding: 0 5px;
}

.header2 {	
	padding: 0 5px;
}

.footer {	
	padding: 0 5px;	
}

.tpl1_milieu_block {		
	padding: 0 5px;	
}
.tpl1_bas_block {
        padding: 0 5px;
}


span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}




span.corners-top {
	background-image: url("/artpublic/templates/temp/xxl/corners_left.png");
}

span.corners-top span {
	background-image: url("/artpublic/templates/temp/xxl/corners_right.png");
}

span.corners-bottom {
	background-image: url("/artpublic/templates/temp/xxl/corners_left.png");
}

span.corners-bottom span {
	background-image: url("/artpublic/templates/temp/xxl/corners_right.png");
}