/* CSS Document */
html {font-size: 12px;}

body {
	margin:0;
	padding:0;
	background:#FFFFFF url(../../images/cg17/fond_top.gif) repeat-x scroll 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#666666;
}

div {
	/*position:relative;*/
	margin-left:auto;
	margin-right:auto;
}

img {
	border:none;
}

p, form, ul, li {
	margin:0;
	padding:0;
}

table {
	margin:0;
	padding:0;
	border:0;
}

.clear-both{
	clear:both;
}

.nowrap, .highlight {
  display: inline;
}
/************************************************************************************************

											GENERAL									
																							
************************************************************************************************/
#main {	
	width:1002px;
	height:auto;
}

/************************************************************************************************
            Entete de page                                 
************************************************************************************************/
#bloc_top {
    padding:0 18px 0 18px;
    width:966px;
    height:auto;
    float:left;
    position:relative;
}

#bloc_top_haut {
    width:966px;
    height:26px;
    background-color: #58a12e;
    color:#FFFFFF;
    float:left;
}
#bloc_top #bloc_top_haut div{
    position:relative;
}

#bloc_top_haut .bloc_top_haut_menu {
    padding-top:5px;
    height:23px;
    float:right;
    text-align:center;
    border-left: 1px solid #acd097;
}
#bloc_top_haut .first{
    border-right: 1px solid #acd097;
}
/*************/
/* menu haut */
/*************/
#bloc_top_haut #top3{
    width:224px;
    padding:0;
    height:26px;
}
#bloc_top_haut #top4{
    width:148px;
    padding:0;
    height:26px;
}
#bloc_top_haut #top3 a,
#bloc_top_haut #top4 a{
    display:block;
    height:21px;
    padding-top:5px;
}

#bloc_top_haut #top3 a:hover,
#bloc_top_haut #top4 a:hover,
#bloc_top_haut #top3 a.on,
#bloc_top_haut #top4 a.on{
    background-color: #006b85;
}

/*************/
#bloc_top_haut A {
    color:#FFFFFF;
    text-decoration:none;
}

#bloc_top_haut SELECT {
    width:192px;
    height:18px;
    border:1px solid #a7a6aa;
    font-size:11px;
    color:#666666;
}

#bloc_top_visio {
    width:966px;
    height:308px;
    float:left;
}

#fond_diaporama{
    width:100%;
    height:308px;
    background-position:bottom;
    background-repeat:repeat-x;
}
#diaporama{
    position:relative;
    width:966px;
    height:308px;
    margin:auto;
}

#bloc_top_logo {
    position:absolute;
    width:162px;
    height:138px;
    top:0px;
    left:32px;
    z-index:4;
}

#bloc_top_recherche {
    position:absolute;
    width:966px;
    height:70px;
    top:26px;
    left:18px;
    background:url(../../images/cg17/fond_top_middle.png) no-repeat;
    z-index:3;
}

#bloc_top_recherche P {
    padding:10px 0 0 700px;
    color:#FFF;
}

.recherche {
    width:160px;
    height:14px;
    border:1px solid #94bac3;
    background-color:#006b85;
    font-size:11px;
    color:#FFF;
    padding:2px;
    vertical-align:middle;
}

#bloc_top_nav {
    margin:0 auto;
    position:absolute;
    width:966px;
    height:72px;
    top:262px;
    left:18px;
    z-index:2;
}
/********************/
/*  MENU PRINCIPAL  */
/********************/			

#bloc_top_nav a, #bloc_top_nav a:hover, #bloc_top_nav a:visited {
	color:#FFFFFF;
	font-size:1.083em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

/* pour éviter un temps de latence entre l'affichage de l'image off et l'image on lors du rollover
   une seule image a été construite contenant les 2 images l'une au dessus de l'autre
   l'affichage est géré en changeant uniquement la position de l'image de fond
*/
#bloc_top_nav a#img_nav1 {
	background:url("../../images/cg17/nav_solidarite.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:39px;
	margin-top:26px;
	padding:7px 5px 0;
	width:127px;
}
#bloc_top_nav a#img_nav1:hover,#bloc_top_nav a#img_nav1.on {
    background-position:0 -46px; /* on remonte l'image de la taille de celle-ci pour faire apparaitre l'image de rollover */
}
#bloc_top_nav a#img_nav2 {
	background:url("../../images/cg17/nav_scolarite.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:39px;
	margin-top:22px;
	padding:11px 5px 0;
	width:126px;
}
#bloc_top_nav a#img_nav2:hover,#bloc_top_nav a#img_nav2.on {
    background-position:0 -50px; /* on remonte l'image de la taille de celle-ci pour faire apparaitre l'image de rollover */
}
#bloc_top_nav a#img_nav3 {
	background:url("../../images/cg17/nav_transport.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:39px;
	margin-top:17px;
	padding:16px 5px 0;
	width:126px;
}
#bloc_top_nav a#img_nav3:hover,#bloc_top_nav a#img_nav3.on {
    background-position:0 -55px; /* on remonte l'image de la taille de celle-ci pour faire apparaitre l'image de rollover */
}
#bloc_top_nav a#img_nav4 {
	background:url("../../images/cg17/nav_culture.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:39px;
	margin-top:14px;
	padding:19px 5px 0;
	width:101px;
}
#bloc_top_nav a#img_nav4:hover,#bloc_top_nav a#img_nav4.on {
    background-position:0 -58px; /* on remonte l'image de la taille de celle-ci pour faire apparaitre l'image de rollover */
}
#bloc_top_nav a#img_nav5 {
	background:url("../../images/cg17/nav_tourisme.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:39px;
	margin-top:9px;
	padding:24px 5px 0;
	width:151px;
}
#bloc_top_nav a#img_nav5:hover,#bloc_top_nav a#img_nav5.on {
    background-position:0 -63px; /* on remonte l'image de la taille de celle-ci pour faire apparaitre l'image de rollover */
}
#bloc_top_nav a#img_nav6 {
	background:url("../../images/cg17/nav_environnement.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:39px;
	margin-top:4px;
	padding:29px 5px 0;
	width:126px;
}
#bloc_top_nav a#img_nav6:hover,#bloc_top_nav a#img_nav6.on {
    background-position:0 -68px; /* on remonte l'image de la taille de celle-ci pour faire apparaitre l'image de rollover */
}
#bloc_top_nav a#img_nav7 {
	background:url("../../images/cg17/nav_economie.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:39px;
	padding:33px 5px 0;
	width:139px;
}
#bloc_top_nav a#img_nav7:hover,#bloc_top_nav a#img_nav7.on {
    background-position:0 -72px; /* on remonte l'image de la taille de celle-ci pour faire apparaitre l'image de rollover */
}


/* le script widget.js ajoute une classe focus-field sur la div encadrant les formulaires
   contenant des champs de saisie 
*/
      .focus-field .recherche{
        background-color:#ffffff;
        color:#006b85;
      }
/************************************************************************************************ */
		
	#container {
		width:1002px;
		height:auto;
		float:left;
		background:#dbdada url(../../images/cg17/fond_container_int.gif) top left no-repeat;
	}	
				
	#footer {
		width:1002px;
		height:auto;
		float:left;
		font-size:11px;
		background-color:#dbdada;
	}
	
		#footer P {
			padding:32px 0 28px 32px;
			font-size:11px;
			color:#5a5959;
		}
		
		#footer A {
			font-size:11px;
			color:#5a5959;
			text-decoration:none;
		}
		
		#footer A:hover {
			font-size:11px;
			color:#5a5959;
			text-decoration:underline;
		}			
/* ---------BANDEAU diaporama -------------*/
#numero-bandeau {
    padding:0;
    margin:0;
    position:absolute;
    z-index:50;
    top:207px;
    left:772px;
    height:20px;
}
.numero{
    padding:0;
    margin:0;
    height:20px;
    width:20px;
    float:left;
}
.numero a, .numero a:hover{
    margin:0;
    display:block;
    height:20px;
    width:20px;
    text-decoration:none;
}
#bloc-numero-bandeau-1{
    margin-left:18px;
}
#bloc-numero-bandeau-1 a.off,
#bloc-numero-bandeau-1 a{
    background:transparent url(../../images/cg17/numero-bandeau.png) no-repeat scroll 0px -0px;
}
#bloc-numero-bandeau-1 a.on,
#bloc-numero-bandeau-1 a:hover{
    background-position:0px -20px;
}
#bloc-numero-bandeau-2{
    margin-left:4px;
}
#bloc-numero-bandeau-2 a.off,
#bloc-numero-bandeau-2 a{
    background:transparent url(../../images/cg17/numero-bandeau.png) no-repeat scroll -20px -0px;
}
#bloc-numero-bandeau-2 a.on,
#bloc-numero-bandeau-2 a:hover{
    background-position:-20px -20px;
}
#bloc-numero-bandeau-3{
    margin-left:4px;
}
#bloc-numero-bandeau-3 a.off,
#bloc-numero-bandeau-3 a{
    background:transparent url(../../images/cg17/numero-bandeau.png) no-repeat scroll -40px -0px;
}
#bloc-numero-bandeau-3 a.on,
#bloc-numero-bandeau-3 a:hover{
    background-position:-40px -20px;
}
#lien-bandeau-2, #lien-bandeau-3 {
    /* display:none; */
}

/* ---------BANDEAU depliable-------------*/

#lien-en-savoir-plus{
	float:left;
}
#lien-en-savoir-plus a{
	color: #a91c67;
	font-size: 11px;
	width:86px;
	height:20px;
	display:block;
    background:transparent url(../../images/cg17/ensavoirplus.png) no-repeat scroll;
}
#lien-en-savoir-plus a:hover{
    background-position:0 -20px;
}
#lien-bandeau-2, #lien-bandeau-3 {
    position:absolute;
    top:0px;
    visibility:hidden;
}


#bandeau-superieur{
	position: absolute;
	width: 1002px;
	height: 725px;
	top: 260px;
	z-index: 80;
	display: none;
}
#contenu-bandeau-1, #contenu-bandeau-2, #contenu-bandeau-3{
    display:none;
}
#bandeau-superieur #separation-ombre{
	width: 946px;
	height: 32px;
	background: url('../../images/cg17/fond-bandeau-hp.png') bottom left no-repeat;    
	
}
#bandeau-superieur #bloc-fermer{
    width: 946px;
    padding-right: 20px;
    height: 32px;
    color: #aa1b68;
    font-size: 16px;
    font-weight: bold; 
    text-align: right;
    /*background: url('../../images/cg17/fond-bandeau-hp.png') bottom left no-repeat;*/
    
}
#bandeau-superieur #contenu-bandeau{
	width: 1002px;
	/*height: 505px;*/
	padding-top: 8px; /* la hauteur de l'image de fond */
	background: url('../../images/cg17/bande-bleu-bandeau.gif') top left no-repeat;
	background-color:#ffffff;
	
}
#bandeau-superieur #contenu-bandeau .les-operations{
	width: 450px;
	height: 150px;
	margin-left: 25px;
	float: left;
}
#bandeau-superieur #contenu-bandeau .les-operations img{
	margin-right: 10px;
}
#bandeau-superieur #contenu-bandeau .titre-operations{
	/*color: #aa1b68;*/
	color:#006B85;
	font-size: 14px;
	font-weight: bold;
}
#bandeau-superieur #contenu-bandeau p{
	/* margin-top: 10px; */ /* plus de marge pour que le bandeau déployé soit collé en haut */
	Xwidth: 430px;
	font-size: 11px;
}
#bandeau-superieur #contenu-bandeau a.en-savoir, 
#bandeau-superieur #contenu-bandeau a.en-savoir:hover,
#bandeau-superieur #contenu-bandeau a.en-savoir:visited{
	float:right;
	margin-right: 15px;
	color: #a91b67;
}

#bandeau-superieur #contenu-bandeau p.consulter-agenda{
	font-size: 14px;
	color:#aa1b68;
	width: 950px;
	text-align:center;
}
#bandeau-superieur #contenu-bandeau p.consulter-agenda a{
	color:#aa1b68;
}

#bandeau-superieur #bas-bandeau{
	width: 1002px;
	height: 130px;
	background-color: #ffffff;
}
#bandeau-superieur #bas-bandeau #bloc-gris,
#bandeau-superieur #bas-bandeau #bloc-violet{
	width: 772px;
	height: 130px;
	float: left;
	font-size: 11px;
	margin-left: 18px;
}
#bandeau-superieur #bas-bandeau #bloc-gris{
    color:#666666;
}
#bandeau-superieur #bas-bandeau #bloc-violet{
	color:#ffffff;
}
#bandeau-superieur #bas-bandeau #bloc-gris span.titre-bas-bandeau-gris,
#bandeau-superieur #bas-bandeau #bloc-violet span.titre-bas-bandeau-violet {
	font-size:17px;
    font-weight:bold;
    margin:10px 0 0 5px;
}

#bandeau-superieur #bas-bandeau #bloc-violet{
    background:url(../../images/cg17/fond-bas-bandeau-violet.gif) top left no-repeat;
}
#bandeau-superieur #bas-bandeau #bloc-gris{
    background:url(../../images/cg17/fond-bas-bandeau-gris.gif) top left no-repeat;
}
#bandeau-superieur #bas-bandeau #bloc-violet span.titre-bas-bandeau-violet{
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
}
#bandeau-superieur #bas-bandeau #bloc-gris p{
        margin:0 0 20px 5px;
        color:#666666;
        padding:0;
}
#bandeau-superieur #bas-bandeau #bloc-violet p{
		margin:0 0 20px 5px;
		color:#ffffff;
		padding:0;
}
#bandeau-superieur #bas-bandeau #bloc-bleu{
	width: 194px;
	height: 130px;
	float: left;
	background:url(../../images/cg17/fond-bas-bandeau-bleu.gif) top left no-repeat;	
	font-size: 14px;
	font-weight:bold;
	color:#ffffff;
}
#bandeau-superieur #bas-bandeau #bloc-bleu p{
	margin: 10px 0 0 25px;
	width: 164px;
    font-size: 14px;
	padding:0;
}
#bandeau-superieur #bas-bandeau #bloc-bleu a{
	color:#ffffff;
	text-decoration:none;
}
#bandeau-superieur #bas-transparent{
	width: 1002px;
	height: 48px;
	background: url('../../images/cg17/bas-transparent-bandeau.png') top left no-repeat;
}


#bloc-fermer a,
#bloc-fermer a:hover,
#bloc-fermer a:visited{
	color: #006B85;
	text-decoration:none;
}
	
/* ----------------- AUTRES -----------------------*/
.middle {
vertical-align:middle;
}

.middle a{
	text-decoration:none;
}

#content #drapeaux {
   height:15px;
   margin-left:25px;
   margin-top:-25px;
   margin-bottom:30px;
}   

#content .liste{
            width:728px;
            height: auto;
            margin-top:12px;
        }
        
        #content .liste P{
            font-size:11px;
            color:#666;
        }
        
        #content .liste .titre{
            font-size:14px;
            color:#006b85;
            line-height:20px;
        }
        
        #content .liste A{
            font-size:11px;
            color:#666;
            text-decoration:underline;
        }
        
        #content .liste A:hover{
            font-size:11px;
            color:#E97B05;
            text-decoration:underline;
        }
        
#contain #content #ressources{
    width: 648px; 
    padding: 10px 14px 10px 14px;
    margin-top: 25px;
    background-color: #f4f4f4; 
    font-size: 11px;
    color:#5a5959;
}
    #contain #content #ressources span.titre-ressource{
        color:#006b85;
        font-size: 15px;
        font-weight: bold;
    }
    #contain #content #ressources hr{
        color: #a1c6cf;
        background-color: #a1c6cf;
        height: 1px;
        border: 0;
    }
    
    #contain #content #ressources a,    
    #contain #content #ressources a:visited{
        font-size: 11px;
        color:#5a5959;
        text-decoration: none;
        margin: 0 10px 0 10px;
    }
    #contain #content #ressources a:hover{
        text-decoration: underline;
    }
    #contain #content #ressources p.ressource {
      margin:10px 0 10px 15px;
      padding:0 15px 0 28px;
    }
    
    #bloc_mentions {
            width: 730px;
            height: auto;
            color: #666666;
            font-size: 12px;
    }
    #contain #content {
      background:#FFFFFF none repeat scroll 0 0;
    }
        #bloc_acces {
            width: 730px;
            height: auto;
            color: #666666;
            font-size: 12px;
            padding-top:20px;
        }
        
            #bloc_mentions #entete-menu,
            #bloc_acces #entete-menu{
                width:730px;
                height: 49px;
                background: url(../../images/page-int-presse-entete-menu.png) top left no-repeat;
                position: absolute;
                z-index: 15;
            }
            
            #bloc_mentions #entete-menu .titre-menu-connaitre,
            #bloc_acces #entete-menu .titre-menu-connaitre{
                display: block;
                margin-top: 10px;
                margin-left: 15px;
                font-size: 16px;
                font-weight: bold;
                color: #ffffff;
                text-decoration: none;
            }
    
            #bloc_mentions #une_colonne {
                width: 730px;
                height: auto;
                float: left;
                margin-top:6px;
            }
            
                #bloc_mentions #une_colonne P{
                    margin:0;
                    padding:0 0 0 35px;
                }
                
                #bloc_mentions #une_colonne P.accroche{
                    color:#4f99ab;
                    font-weight:bold;
                    font-size:14px;
                    padding:40px 0 0 35px;
                }
                
                #bloc_mentions #une_colonne P.intro{
                    font-weight:bold;
                    color:#006b85;
                    padding:20px 0 0 35px;
                }
                
                #bloc_mentions #une_colonne A{
                    color:#58a12e;
                    text-decoration:none;
                }
                
                #bloc_mentions #une_colonne A:hover{
                    color:#58a12e;
                    text-decoration:underline;
                }
                
            #bloc_mentions #partie_gauche {
                width: 340px;
                height: auto;
                float: left;
                margin-top:45px;
            }
            
            #bloc_mentions #partie_droite {
                width: 385px;
                height: auto;
                float: left;
                margin-top:25px;
                margin-right:5px;
            }
            
                #bloc_mentions #partie_gauche P, 
                #bloc_mentions #partie_droite P{
                    margin:0;
                    padding:0 0 0 35px;
                }
                
                #bloc_mentions #partie_gauche P.accroche, 
                #bloc_mentions #partie_droite P.accroche{
                    color:#4f99ab;
                    font-weight:bold;
                    font-size:14px;
                    padding:40px 0 0 35px;
                }
                
                #bloc_mentions #partie_gauche P.intro,
                #bloc_mentions #partie_droite P.intro{
                    font-weight:bold;
                    color:#006b85;
                    padding:20px 0 0 35px;
                }
                
                #bloc_mentions #partie_gauche A,
                #bloc_mentions #partie_droite A{
                    color:#58a12e;
                    text-decoration:none;
                }
                
                #bloc_mentions #partie_gauche A:hover,
                #bloc_mentions #partie_droite A:hover{
                    color:#58a12e;
                    text-decoration:underline;
                }

#content .liste a {
  cursor: pointer;
}
#bloc-bouton-page {
	padding:20px 30px 10px 0;
	text-align:right;
	width:698px;
	background: #FFFFFF none repeat scroll 0 0;
}

	#content #centreContenu .cg17 span.highlight {
		background-color: transparent;
		font-weight: bold;
	} 
	
	span.highlight, label.highlight {
		background-color: transparent;
		font-weight: bold;
	}