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

*{
    padding:0;
    margin:0;
    /*font:Verdana, Geneva, sans-serif;*/
}
body{
    font-family:Verdana;
}
#ensemble{
    width:940px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    /*font:Verdana, Geneva, sans-serif;*/
    background:url(../images/visuel/fond_gab.jpg) no-repeat #FFF;
}

/*** EN TETE***/
#header{
    width:940px;
    height:105px;
    border:1px solid #090;
    background:#FFF;
}

/*** BANNIERE ***/
#banniere{
    width:940px;
    height:220px;
    /*border:1px solid #00F;*/
}

/*** ACTUALITE ACCUEIL ***/
.actuHome{
    position:absolute;
    margin-top:250px;
    margin-left:100px;
    width:550px;
    height:350px;
    border:1px solid #c62242 ;
    background:url(../img/fond_actu.jpg) no-repeat;
    display:block;
    overflow:visible;
    visibility:visible;
    z-index:1000;
}
.actuHomeCacher {
	visibility:hidden;
	overflow:hidden;
	display:none;
	z-index:-1000;
}

.actuHome  a {
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
.actuHome a:hover, a:visited {
    text-decoration:none;
    color:#87c191;
}

.actuHome .fermer{
    /*background:url(../img/fond_fermer.png) no-repeat;*/
    width:103px;
    height:36px;
    font-size:13pt;
    color:#fff;
    margin-top:2px;
    margin-right:2px;
    margin-left:445px;
    text-align:right;
    cursor: pointer;
}
.actuHome .contenu {
    margin-left:auto;
    margin-right:auto;
    width:460px;
    height:300px;
    /*border:1px solid #c62242 ;*/
    font-size:9pt;
}
.actuHome .contenu a {
    text-decoration:none;
    color:#000;
}
.actuHome .contenu a:hover, a:visited {
    text-decoration:none;
    color:#87c191;
}
.actuHome .contenu img {
    padding:2px;
    border:1px solid #c62242 ;
}

.actuHome .contenu h1 {
    font-size:11pt;
    margin-left:70px;
    width:330px;
    color:#87c191;
}
.actuHome .contenu h2 {
    font-size:10pt;
    margin-bottom:5px;
}
.actuHome .contenu h2 a {
    font-size:10pt;
    text-decoration:none;
    color:#000;
}


/*** CONTENU GAUCHE ***/
#left{
    width:204px;
    min-height:650px;
    float:left;
}

#left #publicite{
    width:193px;
    height:265px;
    background:#e7e7e7;
    margin-left:3px;
    margin-top:30px;
}
#left #publicite2 {
    width:187px;
    height:226px;
    background:#e7e7e7;
    margin-left:3px;
    margin-top:30px;
    margin-bottom:30px;
    padding:2px;
}
#left #publicite3 {
    width:187px;
    height:110px;
    background:#e7e7e7;
    margin-left:3px;
    padding:2px;
}

/* menu */
#left .listMenu{
    list-style:none;
    text-decoration:none;
}

#left .listMenu li{
    width:189px;
    margin-bottom:8px;
    /*background:#c62242 ;*/
    background:url("../images/visuel/fond_menu.png") no-repeat;
    padding-left:10px;
    font-size:11pt;
    font-weight:bold;
    height:18px;
}

#left .listMenu li a{
    text-decoration:none;
    color:#000;
}

#left .listMenu li a:hover, a:active {
    text-decoration:none;
    color:#ffffff        ;
}

/*menu pour le menu accueil*/
#left .listMenua{
    list-style:none;
    text-decoration:none;
}
#left .listMenua li{
    width:188px;
    margin-bottom:10px;
    padding-left:10px;
    padding-top:3px;
    font-size:11pt;
    font-weight:bold;
    height:15px;
}
#left .listMenua li a{
    text-decoration:none;
    color:#000;
}
#left .listMenua li a:hover, a:active {
    text-decoration:none;
    color:#ffffff        ;
}


/*** CONTENU MILIEU ***/
#middle{
    width:532px;
    min-height:650px;
    float:left;
    font-size:10pt;
    /*border:1px solid #00F;*/
    position:relative;
}
#middle2{
    width:732px;
    min-height:650px;
    float:left;
    font-size:10pt;
    /*border:1px solid #00F;*/
    position:relative;
}

#middle .contenu, #middle2 .contenu{
    padding:10px;
    text-align:justify;
}
#middle .contenu a, #middle2 .contenu a{
    color:#000;
    text-decoration:none;
}
#middle .contenu a:hover, a:visited, #middle2 .contenu a:hover{
    color:#87c191;
    text-decoration:none;
}

#middle .contenu2{
    padding-left:5px;
    padding-right:5px;
}
#middle .contenu2 a{
    color:#000;
    text-decoration:none;
}
#middle .contenu2 a:hover, a:visited{
    color:#87c191;
    text-decoration:none;
}

/*
#middle .imgGal{
    text-align:justify;
    margin:0px 0px 10px 5px;
    padding:2px;
    width:242px;
    height:150px;
    float:left;
    border:1px solid #c62242 ;
}
#middle .imgGal img{
    margin-right:10px;
}
#middle .imgGal a{
    text-decoration:none;
    color:#000;
}
#middle .imgGal a:hover, a:visited{
    text-decoration:none;
    color:#87c191;
}
*/

#middle .imgGalmin img{
    margin-right:5px;
    margin-bottom:5px;
    padding:2px;
    float:left;
    border:1px solid #c62242 ;
}

/****** ********/
#middle .imgGal{
    text-align:justify;
    margin:0px 0px 10px 5px;
    padding:2px;
    float:left;
    border:1px solid #c62242 ;
    position:relative;
}

#middle .imgGal a{
    width:242px;
    height:150px;
	display: block;
	position: relative;
    overflow: hidden;    
    text-decoration:none;
    color:#000;
}
#middle .imgGal img {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
}
    
#middle .imgGal a:hover, a:visited{
    text-decoration:none;
    color:#87c191;
}
 
 /*  
#middle    .imgPart {
        border:1px solid #000;
        margin:5px;
        float:left;
        position:relative;
    }
#middle    .imgPart a{
        width:250px;
        height:190px;
        text-decoration:none;
	display: block;
	position: relative;
        overflow: hidden;
        margin:3px;
    }    
    
 #middle   .imgPart img {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
    }
  */  
 /****** ********/  



#middle .imgPanier{
    text-align:center;
    margin:0px 0px 10px 5px;
    padding:2px;
    max-width:200px;
    height:190px;
    float:left;
    border:1px solid #c62242 ;
}

#middle .actualite{
    text-align:justify;
    margin:0px 0px 10px 5px;
    height:130px;
    padding:2px;
}
#middle .actualite img{
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #c62242;
    padding:3px;
}
#middle .actualite a{
    text-decoration:none;
    color:#000;
}
#middle .actualite a:hover, a:visited{
    text-decoration:none;
    color:#87c191;
}

#middle h1, #middle2  h1{
    font-size:11pt;
    font-weight:bold;
    color:#fff;
}

#middle h2{
    font-size:11pt;
    font-weight:bold;
    color:#45636b; 
}


#middle h3{
    /*background:#fff;*/
    font-size:10pt;
    font-weight:bold;
    color:#87c191;
    text-align:right;
}

#middle h4{
    font-size:11pt;
    font-weight:bold;
    /*color:#87c191;*/
}
#middle h5{
    font-size:10pt;
    font-weight:bold;
    color:#87c191;
}

#middle .fondT1 {
    /*width:522px;*/
    height:20px;
    padding-left:3px;
    background:#45636b;
}

#middle .trait2{
    background:#000;
    height:1px;
    width:100%;
    margin-bottom:5px;
}

/*MISE EN PAGE GALERIE VIDEO*/

#middle .galVideo{
	border:1px solid #008dbb;
	padding:3px;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	text-align:center;
	/*width:200px;
	height:150px;*/
}
#middle .galVideo a{
	text-decoration:none;
	color:#000;	
}
#middle .galVideo a:active, a:hover {
	text-decoration:none;
	color:#008dbb;
}

/********* formulaire de contact ********/
#middle #msgConfirm {
    font-size:10pt;
    color:#87c191;
}

#middle #formContact .msgErreur {
    font-size:10pt;
    color:#87c191;
    display:none;
}
.classErreur{
	border:1px solid #87c191;
    /*background:#008dbb;
    display:block;*/
}

#middle #formContact {
	background:#e6f2f5;
    padding:5px;
}
#middle #traitement {
	display:none;
}


/**** AUTOCOMPLETION ****/
#middle2 .suggestionsBox {
    position: absolute;
    left: 100px;
    margin: 3px 0px 0px 0px;
    width: 250px;
    max-height:500px;
    background-color: #c62242/*#212427*/;
    /*-moz-border-radius: 7px;*/
    -webkit-border-radius: 7px;
    border: 1px solid #000;
    color: #000;
	overflow:scroll;
	display:none;
	z-index:2000;
}

#middle2 .suggestionList {
    margin: 0px;
    padding: 0px;
	height:auto;
	list-style:none;
}

#middle2 .suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

#middle2 .suggestionList li:hover {
    background-color: #fff; /* #659CD8;*/
}

/* logo categorie*/
.imgCat {
    width:46px;
    height:44px;
    float:left;
    border:1px solid #000;
    margin:5px;
}

/*** CONTENU DROIT ***/
#right{
    width:200px;
    min-height:650px;
    float:left;
    /*border:1px solid #F00;*/
}

#right .actualites {
    margin-left:10px;
}
#right .actualites .description {
    font-size:9pt;
}
#right .actualites ul{
    text-decoration:none;
}
#right .actualites li{
    list-style-image: url("../img/rondv.jpg");
    font-size:10pt;
    }
#right .actualites li a{
    text-decoration:none;
    color:#000;
    }
#right .actualites li a:hover, a:active{
    text-decoration:none;
    color:#f68b1f;
}

#right h5 {
    font-style:italic; 
    font-weight:normal;
    color:#c62242; 
    text-align:right; font-size:9pt;
} 
#right h5 a { 
    text-decoration:none;
    color:#c62242; 
}
#right h5 a:hover, a:active {
    text-decoration:none;
    color:#000; 
}

#right h3{
    margin-left:16px;
    font-size:12pt;
    font-weight:bold;
    color:#c62242;
}

/*partenariat*/
#right .parte{
    margin-top:4px;
    margin-right:10px;
    text-align:right;
    font-size:10pt;
    font-weight:bold;
    color:#fff;
} 

#right .trait {
    background:#45636b;
}

/*logo*/
#right .logo {
    margin-right:10px;
}
       
/*effacer le float left*/
.clear{
    clear:both;
}



/*** PIED DE PAGE ***/
#bottom {
    width:940px;
    height:70px;
    background:url(../images/visuel/fond_bas.jpg) no-repeat #FFF;
    padding-top:5px;
}

#bottom h6 {
    font-weight:normal;
    color:#000; 
    font-size:9pt;
}
#bottom h4 {
    font-weight:bold;
    color:#45636b; 
    font-size:12pt;
}
#bottom h4 a {
    text-decoration:none;
    font-size:10pt;
    color:#45636b; 
}
#bottom h4 a:hover, a:active {
    text-decoration:none;
    color:#000; 
}

tr.fond_titre1{
    background-color:#45636b; 
}