* {
	margin: 0;
  	padding: 0;
}

html { background: #fff url("../images/fond-accueil.jpg") repeat-x;}

body {
	padding:0;
	width:100%;
	color: #565A5B;
    font: 13px/1.6 "segoe ui",verdana,arial,sans-serif;
	min-width:320px;
}

div#page {
	position: absolute;
	top: 28px;
	left: 0;
	min-height: 100%;
	width: 100%;
	margin-bottom:-220px;
		
}



#logo h1, p.slogan {
	position:absolute;
	float: right;
	margin-left:55%;
	margin-top:3%;
	color:#FFFFFF;
	font-size:3em;
	font-weight:100;
	text-align:right;
}

div#img-entete img {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

div#img-entete {
	margin:0;
	padding:0;
	margin-bottom:-5px;
}

/*--------------------------------------------
Bouton recherche
---------------------------------------------*/

#recherche {
	
	height:25px;/* 55 – 16 = 39 */
	padding:0px 0 0 10px;/* Ces valeurs, permettant de caler notre contenu, sont retirés pour la hauteur et la largeur de notre bloc #recherche */
	/*width:186px; 216 -26 = 190 */
	float:right;
	padding-top:0px;
	margin-bottom:10px;
	position:relative;
}
#recherche input.search-text {
	height:25px;/* 55 – 16 = 39 */
	padding:0px 0 0 10px;/* Ces valeurs, permettant de caler notre contenu, sont retirés pour la hauteur et la largeur de notre bloc #recherche */
	/*width:186px; 216 -26 = 190 */

	padding-top:0px;
	margin-bottom:10px;

}

#recherche input {
	float:none;
	margin-top:8px;
	}

#recherche input.search-submit {
    background: url("../images/search.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: 1px 1px 1px rgba(140, 140, 140, 0.1);
    cursor: pointer;
    height: 31px;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 36px;
}

#recherche input.search-submit:hover {background: url("../images/search.png") no-repeat scroll center bottom transparent;}

#recherche input.search-text {
    background: url("../images/bg-search-input.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #8C8C8C;
    font-size: 12px;
    line-height: normal;
    padding: 4px 0 8px 0;
    width: 155px;
}

ul.browsebox li {float:left; margin-right:10px;}
body.bleu div#contenu ul.browsebox {
	list-style-image:none; 
	list-style:none;
	margin-bottom:40px;
	display:block;
	
}


/*--------------------------------------------
Positionnement 
---------------------------------------------*/

/*entete*/

#logo {
	position:relative;
	max-width:990px;
	margin:auto;
	z-index:999999;
}

#logo img {
	position:absolute;
	margin-left:30px;
}

/*Contenu*/
#content{
	max-width:990px;
    margin:20px auto;
	position:relative;
}

#contenu{
	max-width:1024px;
	height:100%;
    margin:auto;
	position:relative;
	background:url(../images/fond-contenu.png) repeat-y;
	
}

#principal {
	float: left; /* -> 5 */
	width: 650px;
	padding: 10px 47px;
	background: url("../images/ligne-droite-top.png") no-repeat top right; 
}
#principal > :first-child {
	margin-top: 10px;
}

#principal p {
	text-align:justify;
}


/* Contenu secondaire */
#secondaire {
	margin-left: 750px; /* -> 6 */
	margin-right: 30px;
	padding: 12px 0;
	padding-top:70px;
}

#secondaire h2 {
	background: url("../images/ligne-titre.png") no-repeat scroll center bottom transparent;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height: 100%;
}

.clearfooter {
	height: 220px;
	clear: both;
	}


.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after { clear:both; }

#slider {
	max-width:990px;
	padding-left:50px;
	padding-right:50px;
	min-height:160px;
	background:url(../images/ligne-bas.png) no-repeat bottom;
	margin-bottom:20px;
}

/*colonnes page accueil*/
#colonne div.col3 {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 33%;
	min-height:290px;
}

div.gauche-accueil {background:url(../images/ligne-gauche.png) no-repeat right;}
div.gauche-accueil h2 {color:#425563; font-size:24px; margin-top:0; padding-bottom:15px; line-height:25px; font-weight:400; background:url(../images/ligne-titre.png) bottom no-repeat;}
div.gauche-accueil h2 span {color:#02bbe2; font-size:32px; margin:0; padding:0; margin-top:-20px; margin-left:40px;}
div.gauche-accueil ul {margin-top:15px; margin-left:35px;}
div.gauche-accueil ul li, div.en-un-clic ul li {display : list-item;}
div.gauche-accueil ul li a, div.en-un-clic ul li a {color:#555555; text-decoration:none; font-size:18px;}
div.gauche-accueil ul li.rsp, div.en-un-clic ul li.rsp {list-style-image : url(../images/puce-rsp.png);}
div.gauche-accueil ul li.enfance, div.en-un-clic ul li.enfance {list-style-image : url(../images/puce-enfance.png);}
div.gauche-accueil ul li.ptenfance, div.en-un-clic ul li.ptenfance {list-style-image : url(../images/puce-petite-enfance.png);}
div.gauche-accueil ul li.repas, div.en-un-clic ul li.repas {list-style-image : url(../images/puce-repas.png);}
div.gauche-accueil ul li.press, div.en-un-clic ul li.press {list-style-image : url(../images/puce-press.png);}
div.gauche-accueil ul li.dechet, div.en-un-clic ul li.dechet {list-style-image : url(../images/puce-dechet.png);}
div.gauche-accueil ul li.cyber {list-style:none; list-style-position:inside; margin-left:-36px; margin-bottom:-5px; margin-top:5px;}
div.en-un-clic ul li.cyber {list-style:none; list-style-position:inside; margin-bottom:-5px; margin-top:5px;}

div.droite-accueil {background:url(../images/ligne-droite.png) no-repeat left;}
div.droite-accueil img {margin-right:0px; margin-top:20px;  float:right;  max-width:265px;}

div.centre-accueil {text-align:center;}
div.centre-accueil h2 {color:#ED7902; font-size:24px; margin-top:0; padding-bottom:15px; line-height:25px; font-weight:400; background:url(../images/ligne-titre.png) bottom no-repeat; text-align:center;}
div.centre-accueil img {margin-top:15px;}

body.bleu div.droite-accueil h2 {color:#ED7902; font-size:24px; margin-top:0; padding-bottom:15px; line-height:25px; margin-bottom:20px; font-weight:400; background:url(../images/ligne-titre.png) bottom no-repeat; text-align:center;}

.bouton-entreprendre {
	margin-top:45px;
}

.bouton-jeune {
	margin-top:65px;
}

/*pied*/
footer {
	background:url(../images/fond-pied.jpg) repeat-x #2F363C;
	min-height:220px;	
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	clear: both;
}

#pied {
	max-width:990px;
	margin:auto;
	color:#65b4f3;
}

#pied a {
	color:#65b4f3;
	text-decoration:none;
	font-weight:300;
}

#pied a:hover {
	color:#425563;
}
#pied div.col3 {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 33%;
	min-height:170px;
}

div.gauche-pied {background:url(../images/separateur.png) no-repeat right;}
div.gauche-pied li {float:left; list-style:none; margin-right:5%; }
div.gauche-pied h3 {margin-top:10px; margin-bottom:15px; font-size:20px;}

div.droite-pied {background:url(../images/separateur.png) no-repeat left;}
div.droite-pied img {float:left; padding-left:5px; padding-right:5px;}
div.droite-pied p.adresse {margin-top:15px;}
div.droite-pied p {line-height:15px;}

div.centre-pied ul {margin-top:20px; margin-left:70px;}
div.centre-pied ul li {display : list-item; list-style-image : url(../images/puce-bleu.png);}

div.copyright {text-align:center; min-height:30px; float:none; width:100%}
div.copyright a {padding-top:20px;}


/***************************************************
Gestion de la barre réseaux sociaux suivez-+nous
***************************************************/
div.sociaux {
    position:absolute;
    right: 0px;
    top: 470px;
	margin-top:30px;
	width:118px;
	height:199px;
	background:url(../images/suivez-nous.png) no-repeat;
	padding-top:45px;
}

div.sociaux img {padding-left:80px;}

#sociaux.floatable {
	position: fixed;
	top: 0;
}



/*-----------------------------------------------------
style éléments
------------------------------------------------------*/

p {margin-bottom:15px;}

strong, b {font-weight:800;}

img {border:none;}

div#contenu ul {list-style-position:inside;}
body.bleu div#contenu ul {list-style-image:url(../images/puce-bleu.gif);}
body.vert div#contenu ul {list-style-image:url(../images/puce-vert.gif);}
body.orange div#contenu ul {list-style-image:url(../images/puce-orange.gif);}
body.violet div#contenu ul {list-style-image:url(../images/puce-violet.gif);}

h1 {font-weight:300; font-size:2.5em; margin-top:30px;}
h2 {font-weight:300; font-size:2em; margin-top:20px;}
h3 {font-weight:300; font-size:1.5em;}
h4 {margin:0px;
	padding:0px;
	color: #454545;
    font-size: 1.2em;
    font-weight: 500;}
	
h4.navigation {margin-top:70px; padding:10px;}

hr {
	background-color: #E5E5E5;
    border: 0 none;
    height: 1px;
	margin-bottom:10px;
}

body.bleu h1, body.bleu h2, body.bleu div#contenu a {color:#02bbe2;}
body.vert h1, body.vert h2, body.vert div#contenu a {color:#97af0f;}
body.orange h1, body.orange h2, body.orange div#contenu a {color:#ED7902;}
body.violet h1, body.violet h2, body.violet div#contenu a {color:#ca30cb}


li.bleu h3, li.cdc h3, li.cdc p span.news-list-morelink a {color:#02bbe2;}
li.bleu a {color:#02bbe2; text-decoration:none;}

li.vert h3, li.mon-coeur h3, li.mon-coeur p span.news-list-morelink a  {color:#97af0f;}
li.vert h3 {color:#97af0f; text-decoration:none;}

li.orange h3, li.voir-faire h3, li.voir-faire p span.news-list-morelink a {color:#ED7902;}
li.orange h3 {color:#ED7902; text-decoration:none;}

li.violet h3, li.entreprendre h3, li.entreprendre p span.news-list-morelink a {color:#ca30cb;}
li.violet a{color:#ca30cb; text-decoration:none;}

div#ariane {font-size:12px;}
#ariane a{color:#02bbe2;font-size:12px;}

#principal-entier div#ariane {float:left; margin-left:30px; margin-top:15px; position:absolute;}

div#social { 
	width: 280px;
	float:right;
	padding-top:50px;
	
}

#principal-entier div#social { margin-left:420px; padding:0px; margin-top : 15px; float:left; position:absolute;}


/* *********************************
         présentation news single
********************************* */
.news-single-img {
	float:left;
	margin:0 20px 20px 0;  
	   
}

.news-single-item {
	min-height:300px;   
}
 
/* *********************************
          lecteur mp3 
********************************* */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    width: 480px;
}




/***********************************
           plan du site 
***********************************/
body.bleu div#contenu div.csc-sitemap ul {
	list-style-position:outside;
	list-style-image:none;
	padding-left:30px;
}

/**********************************
              FAQ 
***********************************/
dd.tx-irfaq-dynans-visible table, dd.tx-irfaq-dynans-visible td {
    border: medium none;
}
h3.toggler p.bodytext {
    color: #02bbe2;
    font-family: "segoe ui",verdana,arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin-left: 10px;
}
.accordion .toggler {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	
    background: -moz-linear-gradient(center top , #FCFDFE 0%, #F5F6F7 100%) repeat scroll 0 0 transparent);
	background:url(../images/bg-content-bot.gif) top repeat-x; overflow:hidden;
    border-color: #DCDDDE #DCDDDE #C9CACB;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    margin-bottom: 10px;
    padding: 6px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.accordion .toggler {
    cursor: pointer;
    margin: 0;
}


/**********************************************************
*  Gestion Agenda
**********************************************************/

div.event_list {
	background:#ED7902;
	/*background:#E23300; */
	/*background:#00ccff; */
	/*background:#d52676; */
	margin-left:-20px;
	padding:8px 0 8px 8px;
	
	width:271px;
}

#secondaire div.event_list h2 {
	margin-top:5px;
	color:#FFF;
	background:none;
}

.event_list li {
    cursor: pointer;
    display: block;
    height: 50px;
    overflow: hidden;
    padding-bottom: 5px;
	margin-bottom:8px;
    position: relative;
	background:#fff;
}
.event_list .event_date {
    background: #38424B;
    color: #65B4F3;
    float: left;
    height: 51px;
    padding: 2px;
    text-align: center;
    width: 25px;
}
.event_date {
    display: block;
    margin: 0 auto;
    padding: 7px 0 6px;
}


.event_infos .event_city {
    color: #65B4F3;
    padding-bottom: 10px;
	font-size:12px;
	margin-left:85px;
	font-weight:600;
}

.event_infos img {
	width:50px;
	float:left;
	margin-right:5px;
}


.event_list li:hover .event_date {
    background-position: 0 -50px;
}
.event_list li:hover .event_moment {
    color: #000000;
}
.event_list a .event_title {
    color: #565A5B;
    font-size: 1.3em;
	position:relative;
	margin:0;
	padding:0;
	line-height:18px;
	
}

.event_list a {text-decoration:none;}

.event_list select {
	color:#ED7902;
	width:125px;
	margin:5px 0 5px 0;
	padding:3px;
}

.event_list select.quoi {margin-right:5px;}

.event_list input[type=submit] {
	color:#fff;
	border: 1px solid #fff;
    background: #ED7902;
	font-size:14px;
	font-family:"segoe ui",verdana,arial,sans-serif;
	margin-right:10px;	
	cursor:pointer;
}

div.trouver {
	width:100%;
	text-align:right;
	
}

/*************************************************************
*                gestion actu liste                     *
*************************************************************/
.actu-list-item {
	position:relative;
	min-height:250px;
}
	
.actu-list-item img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
	
.actu-list-item .actu-list-date {
    background: url("../images/fond-date.png") repeat scroll 0 0 transparent;
    height: 40px;
    left: 0px;
    position: absolute;
    top: 135px;
    width: 90px;
}

.actu-list-item  h2 {
	font-size: 18px;
    font-weight:600;
    line-height: 22px;
	margin-bottom:10px;
}

.actu-list-item  h2 a {text-decoration:none;}

body.bleu div#contenu .actu-list-item  h2.cdc a {color:#02bbe2;}
body.bleu div#contenu .actu-list-item  h2.mon-coeur a {color:#97af0f;}
body.bleu div#contenu .actu-list-item  h2.voir-faire a {color:#ED7902;}
body.bleu div#contenu .actu-list-item  h2.entreprendre a {color:#ca30cb;}


.actu-list-item .actu-list-date .jour {
    color: white;
    float: left;
    font-size: 31px;
    font-weight: bold;
    margin: -5px 5px 0;
}

.actu-list-item .actu-list-date .mois {
    color: white;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 2px 0 0;
    text-transform: uppercase;
}

.actu-list-item .actu-list-date .annee {
    color: white;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: -6px 0 0;
}


.actu-list-item .info-actu {
	position:absolute;
	bottom:20px;
	height:22px;
	width:auto;

}

.actu-list-item .info-actu .comment .tx-comments-count-wrap  {
	
    background: url("../images/bulle_com.png") no-repeat scroll 0 0 transparent;
    display:block;
	float:left;
    height: 22px;
    margin: 0 0 0 10px;
    text-align: center;
    width: 31px;
	position:relative;
}

body.bleu div#contenu .actu-list-item .info-actu .comment a {
	color: white;
    font-size: 12px;
    font-weight: bold;
	padding-top:-4px;
	margin-top:-4px;;
	text-decoration:none;
	line-height:12px;
	
    overflow: hidden;
    
    position: relative;
	
}


.actu-list-item .info-actu .cat p {
    background: none repeat scroll 0 0 #bbbbbb;
    border-radius: 12px;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 9px;
    margin: 4px 5px 10px 0;
    padding: 3px 8px;
    text-transform: capitalize;
    width: auto;
	float:left;
}

.showResultsWrap, .browseLinksWrap {font-size:14px;}

/*************************************************************
*                bouton actu                                 *
*************************************************************/
div.box_actus {margin-top:20px; background:#03BAE2;}

div.box_actus:hover {background:#363F46;} 

div.box_actus a span.span_actu {
	width:220px; 
	height:60px; 
	display:block; 
	font-size:2em; 
	color:#FFFFFF; 
	font-weight:300; 
	padding:10px; 
	text-align:center; 
	line-height: 100%; 
}

div.box_actus a  {text-decoration:none;}

/*************************************************************
*                Formulaire de contatct                      *
*************************************************************/
fieldset {border:none;}

div.csc-mailform-field {width:100%}

label {
	width:100px;
	float:left;
}

div.csc-mailform-field { min-height:35px; width:100%;}
div.csc-mailform-field input, div.csc-mailform-field textarea { margin-left:80px; }
div.csc-mailform-field input.csc-mailform-submit {margin:auto; text-align:center; margin-top:20px;}

/* gestion tableaux */
.c2l1-left {border:none;}

table.contenttable  {margin:0; padding:0; border-collapse:collapse; }
table.contenttable tr  {margin:0; padding:0;}
table.contenttable tr.tr-0 td{ background:#c1e4eb;}
table.contenttable td {
	border: 1px solid #E5E5E5;
	padding:3px 15px 3px 15px;
}

table#marche th {
	background-color: #353E45;
	color:#65B4F3;
}
table#marche th p {
	margin:auto;
	text-align:center;
	font-size:11px;
	font-weight:400;
}

table#marche td {
	background-color: #F1F7F8;
    border: 1px solid #D8D8D8;
	padding-left:5px;
	padding-right:5px;
}


table.contenttable tr.tr-even td {background: none repeat scroll 0 0 #F4F4F4;}

body.bleu table.contenttable tr.tr-0 td{ background: none repeat scroll 0 0 #c1e4eb; text-align:center; font-weight:700;}
body.vert table.contenttable tr.tr-0 td{ background: none repeat scroll 0 0 #deeac4; text-align:center; font-weight:700;}
body.violet table.contenttable tr.tr-0 td{ background: none repeat scroll 0 0 #f5a0f6; text-align:center; font-weight:700;}
body.orange table.contenttable tr.tr-0 td{ background: none repeat scroll 0 0 #fac781; text-align:center; font-weight:700;}

.clear {
  clear: both;
  height: 0; overflow: hidden; 
}



/*--------------------------------------------------------------
Slider de l'image entete page accueil 
--------------------------------------------------------------*/

.rslides {
	position: relative;
 	list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
	position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}


#wrapper { padding:0px;}

.rslides {margin: 0 auto 0px;}



/*---------------------------------------
slider texte tt_news page accueil
----------------------------------------*/

/*next button*/
.bx-next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	background: url(../images/bleu_next.png) no-repeat 0 -36px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:-50px;
	z-index:99;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	background: url(../images/bleu_prev.png) no-repeat 0 -36px;
}

/*-------------------------------
modifiaction jb pour affichage slider tourinsoft
---------------------------------*/
#principal .bx-next {
	position:absolute;
	top:40%;
	right:10px;
	z-index:999;
	width: 35px;
	height: 35px;
	text-indent: -999999px;
	background: url(../images/tourinsoft/agenda-suivant.png) no-repeat 0 0px;
}

/*previous button*/
#principal .bx-prev {
	position:absolute;
	top:40%;
	left:10px;
	z-index:99;
	width: 35px;
	height: 35px;
	text-indent: -999999px;
	background: url(../images/tourinsoft/agenda-precedent.png) no-repeat 0 0px;
}


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

#slider img{ 
	height:140px;
	width:auto;
	float:left;
	margin-right:15px;
}

#slider h3 {
	margin-top:0;
	font-size: 200%;
    font-weight: 300;
}

/*intranet */
div#menu-niv1 {
	bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 29px;	
    cursor: default;
    left: 0;
    position: fixed;
    white-space: nowrap;
	width: 200px;
    z-index: 11;
}
div#menu-niv2 {
	/*background:#F4F9F9;*/
    bottom: 0;
    left: 200px;
	width:200px;
    position: fixed;
    top: 29px;
}
div#contenu-extranet {
	overflow: hidden;
    padding: 20px;
    position: relative;
    width: 600px;
    z-index: 5;
	margin-left:400px;
	min-height:800px;
	/*background:#FFF;	*/
}

#menu-niv1 {
	width: 200px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	/*background:#FFFFFF;*/
}
#menu-niv1 ul {
	padding-top:50px;
}

#menu-niv1 li {
	
	color: #38424B ;
	background: url("../images/ligne-titre.png") no-repeat scroll center bottom transparent;
	margin-bottom: 1px ;
}



#menu-niv1 li a {
	display: block ;
	text-transform:uppercase;
	
	color:#02BBE2;
	line-height: 1em ;
	padding: 4px 0;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	text-align: right ;
	text-decoration: none ;
}

#menu-niv1 li a:hover, #menu-niv1 li a:focus, #menu-niv1 li.active a {
	background:#F48A01; ;
	text-decoration: none ;
	color:#fff;
}


#menu-niv2 {
	width: 200px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	
	background:#E5F1F2;
	
}

#menu-niv2 ul {
	list-style:none;
	margin-top:50px;
	
}

#menu-niv2 li {
	
	color: #02BBE2 ;
	background: url("../images/ligne-titre.png") no-repeat scroll center bottom transparent;
	margin-bottom: 1px ;
}

#menu-niv2 li a {
	display: block ;
	
	color: #02BBE2 ;
	line-height: 1em ;
	padding: 4px 0;
	padding-bottom:20px;
	padding-top:20px;
	text-align: center ;
	text-decoration: none ;
}

#menu-niv2 li a:hover, #menu-niv2 li a:focus, #menu-niv2 li.active a {
	background: #F48A01 ;
	text-decoration: none ;
	color:#fff;
}


#cdcadminbar {
    background: linear-gradient(to top, #32393F 0px, #38424B 5px) repeat scroll 0 0 #38424B;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#32393F',endColorstr='#38424B', GradientType=0);
    color: #CCCCCC;
    direction: ltr;
    font: 13px/28px sans-serif;
    height: 28px;
    left: 0;
    min-width: 600px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}

#extranet-accueil {width:750px; margin:auto; }

#extranet {background: url("../images/fond-intranet.png") repeat-x scroll 0 0 #FFFFFF;}


/*Menu page accueil*/
#menu-accueil li {list-style:none;}

#menu-accueil h2 {
	margin-top:0;
	padding:0;
	color:#425563;
}

#menu-accueil h2 a {color:#425563;}

#menu-accueil h2 a:hover {text-decoration:none;}

#menu-accueil a{
	color:#02BBE2;
	text-decoration:none;
}

#menu-accueil a:hover{text-decoration:underline}

/* Menu page accueil pour les écoles */
#ecole ul {
	background:url(../images/ecole.png) top left no-repeat;
	padding:0px;
	margin:0px;
	padding-left:120px;
	width:230px;
	min-height:80px;	
} 

div#ecole {
	padding:10px;
	width:350px;
	float:left;
	margin-top:40px;
}

div#ecole:hover {
	padding:9px;
	border:#BAC7D4 1px solid;
	border-radius:3px;
	background: linear-gradient(#FFFFFF, #CEE9FA);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#CEE9FA', GradientType=0);	
}

/* Menu page accueil pour le test */
#test ul {
	background:url(../images/billan.png) top left no-repeat;
	padding:0px;
	margin:0px;
	padding-left:120px;
	width:230px;
	min-height:80px;	
	
} 

div#test {
	padding:10px;
	width:350px;
	float:right;
	margin-top:40px;
	
}

div#test:hover {
	padding:9px;
	border:#BAC7D4 1px solid;
	border-radius:3px;
	background: linear-gradient(#FFFFFF, #CEE9FA);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#CEE9FA', GradientType=0);	
}


/* Menu page accueil documentation */
#doc ul {
	background:url(../images/doc.png) top left no-repeat;
	padding:0px;
	margin:0px;
	padding-left:120px;
	width:230px;
	min-height:80px;	
} 

div#doc {
	padding:10px;
	width:350px;
	float:left;
	margin-top:40px;
}

div#doc:hover {
	padding:9px;
	border:#BAC7D4 1px solid;
	border-radius:3px;
	background: linear-gradient(#FFFFFF, #CEE9FA);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#CEE9FA', GradientType=0);	
}



#menub {
	width:990px;
	margin:auto;
	
}
#menub a {color:#fff;}

#login {
	float:right;
	margin-right:50px;
}
/* style du contenu */


a {
	color:#02bbe2;
}
div#contenu-extranet h1 {padding-bottom:30px;} 

div#contenu-extranet ul {margin-left:30px;}


/* --------------------------------------------------------------------
 affichage agenda mini
-------------------------------------------------------------------- */

#agenda-mini {font-family:"segoe ui",verdana,arial,sans-serif; color:#565A5B; }
body.accueil #agenda-mini {margin-left:20px;}


#agenda-mini h2 {
	color:#ED7902; }
#agenda-mini a {color:#565A5B;}

#agenda-mini p {
	font-family:"segoe ui",verdana,arial,sans-serif;
	margin:0px;
	padding:0px;
	text-height:0px;
	
}


#agenda-mini h3 {
	color:#ED7902;
	font-size:18px;
	font-weight:400;
	margin:0px;
	padding:0px;
}

#agenda-mini h3 a{ text-decoration:none; color:#ED7902;}

#agenda-mini h3 a:hover{ text-decoration:underline;}



#agenda-mini .event {
	height:80px;
	width:245px;
	position:relative;
}

body.accueil #agenda-mini .event {width:310px; }

#agenda-mini a div.pt_date { 
	margin-top:6px;
	width:68px;
	height:60px;
	background:url(../images/event_list.png) no-repeat;
	float:left;
	
}
#agenda-mini a:hover div.pt_date { 
	background:url(../images/event_list.png) no-repeat;
	background-position:0 -60px;
}

#agenda-mini div.info_date {
	margin-left: 78px;
	position:absolute;
	float:left;
}
#secondaire h2.agenda, body.vert div#contenu h3.agenda a, body.bleu div#contenu h3.agenda a  {color:#ED7902;}
#agenda-mini p.date {color:#ED7902; font-weight:bold; font-size:13px; line-height: 12px; padding-top: 4px;}
#agenda-mini p.cat {font-weight:bold; font-size:12px; text-transform:uppercase; color: #565A5B; line-height:13px; margin-top:2px;}
body.accueil #agenda-mini p.cat, body.accueil #agenda-mini p.date{font-size:14px;}
#agenda-mini p.cat span.commune {font-size:10px; font-weight:400; color: #565A5B;}
#agenda-mini p.titre {font-size:14px; line-height:12px; color: #565A5B;}


#agenda-mini .pt_date p {color:#FFF; margin-right:8px; text-align:center; font-weight:600; font-size:11px; height:60px; padding-top:5px;}
#agenda-mini .pt_date p span.mois {font-size:24px;}

/* --------------------------------------------------------------------
 affichage mois 
-------------------------------------------------------------------- */

#agenda {width:680px; font-family:"segoe ui",verdana,arial,sans-serif; color:#565A5B; margin-left:-15px;}

#principal #agenda a {color:#565A5B; text-decoration:none;}

#principal #agenda p {
	font-family:"segoe ui",verdana,arial,sans-serif;
	margin:0px;
	padding:0px;
	text-height:0px;	
}


#principal #agenda #affiche_event ul {list-style:none; margin:0; padding:0;}
#principal #agenda #affiche_event ul li {height:190px; padding:1px; padding-bottom:10px;  padding-right:10px; background:url("../images/tourinsoft/ligne-agenda.png") bottom no-repeat; position:relative;}
#principal #agenda #affiche_event ul li:hover {
	padding:0px;
	padding-right:9px;
	padding-bottom:9px;
	border:#BAC7D4 1px solid;
	border-radius:3px;
	background: linear-gradient(#E1F2FC,#FFFFFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#CEE9FA', GradientType=0);	
	
	
	}


#principal #agenda .photo {
	float:left; 
	width:240px; 
	padding-top:10px; 
	padding-left:0px; 
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	overflow:hidden;
}
	
#principal #agenda .photo img { height:146px; text-align:center; margin:auto; }

#principal #agenda p.date_big {float:left; font-size:14px; line-height:30px; margin:0; padding:0; text-align:right; margin-left:5px; margin-top:10px;}
#principal #agenda p.date_big span {font-size:50px;}

#principal #content_event { margin-left: 315px;}

#principal #agenda p.cat {
	color:#ED7902;
	font-size:12px;
	font-weight:400;
	margin:0px;
	padding:0px;
	padding-top:5px;
}

#principal #agenda p.titre {
	color:#ED7902;
	margin:0px;
	padding:0px;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#principal #agenda .commune {font-size:14px;}
#principal #agenda .date {font-weight:bold;}
#principal #agenda .descriptif {
	line-height:16px;
	font-size:14px;
	padding-top:0px;
}

#secondaire .recherche input, #secondaire .recherche select {
    border: 1px solid #CCCBCB;
	width:230px;
    padding: 3px;
	margin-top:10px;
	color:#555;
}

#secondaire .recherche input.date {width:150px; margin-top:0;}

#secondaire .recherche .submit-date {width:50px; margin-top:0; margin-left:150px;}


#secondaire .recherche ul.theme li { line-height:15px; list-style:none; padding-left:10px; }
body.orange div#contenu #secondaire .recherche a {color:#666; text-decoration:none;}
body.orange div#contenu #secondaire .recherche a:hover {font-weight:400; color:#444;}

/* Gestion de la navigation */
#agenda div.nav_event {background:#ED7902; width:100%; height:35px; margin-bottom:10px;}

#agenda div.nav_event {background:#ED7902; width:100%; height:35px; margin-bottom:10px;}

#agenda div.mois_nav {text-transform:uppercase; font-weight:600; text-align:center; color:#FFFFFF; width:610px; float:left; line-height:35px;}


#agenda div.precedent {background:url("../images/tourinsoft/agenda-precedent.png") no-repeat; width:35px; height:35px; color:#FFF; float:left;}

#agenda div.suivant {background:url("../images/tourinsoft/agenda-suivant.png") no-repeat; width:35px; height:35px; color:#FFF; float:left;}

#agenda div.suivant a, #agenda div.precedent a {height:35px; display:block; width:35px;}

#agenda div.suivant a span, #agenda div.precedent a span {display:none;}

#agenda div.precedent:hover {background:url("../images/tourinsoft/agenda-precedent.png") no-repeat #FF8F00;} 

#agenda div.suivant:hover {background:url("../images/tourinsoft/agenda-suivant.png") no-repeat #FF8F00;}

#agenda li span.plus {color:#65B4F3; position:absolute; right:10px; bottom:15px; font-size:16px; font-weight:500;}
#agenda li:hover span.plus {color:#65B4F3; position:absolute; right:9px; bottom:14px;}
#principal #agenda li span.plus a {font-size:16px; font-weight:500;}

/* --------------------------------------------------------------------
 affichage détail
-------------------------------------------------------------------- */

#principal div.picto {float:right; margin-top:50px;}

#secondaire h3 {color:#ED7902;}

div.slider1 {width:650px; height:435px; border:#CCCCCC 1px solid; }
div.slider1 ul {margin-top:0px;}

div.slider1 span, div.slider1 div.bx-wrapper {
	display: block;
	overflow: hidden;
	width: 640px; 
	height: 425px;
	line-height:425px;
	background:#F4F4F4;
	text-align:center;	
	padding:0px;
	margin:5px;	
	
}


div.slider1 img {
	position:relative;
	max-height:425px;
	min-height:425px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	padding:0px;
}

p.description {margin-top:20px;}

/* google map */

div.google {width:300px;}
div.google p {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
div.add {width:150px;}
body.vert .google p.adresse span {margin:0; padding:0; color:#96c11f; font-size:14px; font-weight:bold; }
.google img { height:100px; float:right; }



.clear {
    clear: both;
    font-size: 0;
    height: 1px;
    line-height: 0;
}


/*affichage des offres SIT*/ 
div.row {float:left; margin:12px; height:300px; width:300px; position:relative;}

body.orange .row h2 {position:absolute; width:300; text-align:center; color:#FFFFFF; bottom: 15px; font-size:2em; margin-left:20px;}

.more {display:none;}

div.row:hover .more {display:block; position:absolute; height:300px; width:300px; background:#ED7902; z-index:100; }

#principal .more p { color:#FFFFFF; width:250px; margin:auto; font-size:1.2em; text-align:justify; margin-top:90px;}

div.slider1 p {display:none;}

.en_savoir_plus {color:#fff; position:absolute; bottom:15px; right:15px;}

div#contenu ul.listesit li {width:33.33%; float:left;}

body.orange .row div.nom_item {background-color: rgba(237, 121, 2, 0.8); position:absolute; width:300px; bottom:0; min-height:70px; z-index:50;}
body.orange .row div.nom_item h3 {position:absolute; width:300; text-align:left; color:#FFFFFF; font-size:1.8em; padding:5px; line-height:20px; margin:0;}
body.orange .row div.nom_item p.commune {position:absolute; bottom:0px; color:#FFF; line-height:12px; margin:0; padding:5px; }

body.orange .row:hover div.nom_item {background:none; position:absolute; width:300px; top:0; min-height:70px; z-index:150;}
body.orange .row:hover div.nom_item h3 {position:absolute; width:300; text-align:left; color:#FFFFFF; font-size:1.8em; padding:5px; line-height:20px; margin:0; padding-left:8px}
body.orange .row:hover div.nom_item p.commune {position:absolute; top:50px; color:#FFF; line-height:12px; margin:0; padding:5px; padding-left:8px; }

/*gestion des images carrées*/
.crop {
    width: 300px;
    height: 300px;
    overflow: hidden;
	position:relative;
}

.crop img {
    height: 300px;
    position: absolute;
  	
}

/* affichage de google map */
div.map {width: 650px; height: 435px; position: relative;}


	





@media only screen and (max-width: 1250px) {	
/***************************************************
Gestion de la barre réseaux sociaux suivez-+nous
***************************************************/
div.sociaux {
   	background:url(../images/suivez-nous2.png) no-repeat;
	
}

}
@media only screen and (max-width: 1130px) {
/***************************************************
Gestion de la barre réseaux sociaux suivez-+nous
***************************************************/
div.sociaux {display:none;}
}

@media only screen and (max-width: 990px) {	

	#recherche {
		float:none;
		margin:auto;
		margin-bottom:10px;
		height:35px;
	}
	
	#contenu{
	max-width:100%;
	height:100%;
    margin:auto;
	position:relative;
	background: #FFFFFF;
	
}

#principal {
	max-width: 65%;
	padding: 10px 10px;
	
}





#secondaire {
	margin-left: 65%; /* -> 6 */
	padding: 12px 0;
}



}
@media only screen and (max-width: 950px) {	
	div#page {padding-bottom:400px;}
	
	#logo img {
		width:25%;
		height:auto;
	}
	
	#logo h1, p.slogan {font-size:2.5em; margin-left:40%}
	
	#colonne div.col3 {float:left; width:50%;}
	#colonne div.droite-accueil {float:none; width:100%; min-width:200px; margin:auto; text-align:center; padding-left:30px;}
	#colonne div.droite-accueil img {float:left; margin-right:15%; width:35%; margin-bottom:20px;}
	
	#pied div.col3 {float:left; width:50%;}
	#colonne div.droite-pid {float:none; width:100%; min-width:200px; margin:auto; text-align:center; padding-left:30px;}
	#colonne div.droite-pied img {float:left; }
	
	
	
}

@media only screen and (max-width: 600px) {
	
	#logo img {
		width:25%;
		height:auto;
	}
	#logo h1, p.slogan {font-size:2em; margin-left:38%}
		
	#slider {display:none;}
	
	div#page {padding-bottom:680px;}
	
	#principal {
		max-width: 100%;
		padding: 10px 10px;
		float:none;
	}

	#secondaire {
		margin-left: 0; /* -> 6 */
		padding: 12px 0;
	}
	
	#principal img {
		max-width: 50%;
		height:auto;
		
	}
	
	#colonne div.col3 {float:none; width:100%;}
	
	div.gauche-accueil h2 { margin-left:20px;}
	div.gauche-accueil ul { margin-left:40px;}
	
	div.droite-accueil {background:none; text-align:center;}
	div.droite-accueil img {float:none;}
	
	#colonne div.droite-accueil {float:none; width:100%; margin:auto; text-align:center; padding-left:10px;}
	#colonne div.droite-accueil img {float:none; width:75%; max-width:265px; margin-bottom:10px; }
	
	#pied div.col3 {float:none; width:100%; margin:0; margin-top:15px;}
	div#page {padding-bottom:660px;}
	div.droite-pied p.adresse {margin-top:0px;}
	
	div.gauche-pied ul, div.gauche-pied h3{margin-left:15px;}
	div.droite-pied {background:url(../images/separateur.png) no-repeat left;}
	div.droite-pied img {float:left; padding-left:5px; padding-right:5px;}
	



}

@media only screen and (max-width: 480px) {
	#logo img {
		width:25%;
		height:auto;
	}
	#logo h1, p.slogan {font-size:1.3em; margin-left:45%}
}