/* Start of CMSMS style sheet 'GCSD 1' */
* { margin: 0; padding: 0; border: 0; }

body
{
	text-align: center; /* centrage pour IE */
	font-family: verdana, arial, geneva, sans-serif;
	font-size: 76%;
	line-height: 1.15em;
	font-weight: normal;
	color: #787878;
}
	
table, th, tr, td {
border: 1px solid #c0c0c0;
}

/* ---[ Layout ]--------------------- */

#contenant
{
	margin: 0 auto; 
	width: 876px;
	height: auto;
	text-align: left;
}

#entete
{
	float: left;
	clear: both;
	width: 876px;
	margin-top: 4px;
}

div#containerOfLogoAndRecherche
{
	float: left;
	width: 876px;
	margin-bottom: 5px;
}

div#containerOfTopNav
{
	float: left;
	height: 22px;
	background: url(uploads/images/bg_topNav.jpg) no-repeat top center;
}

div#container2Columns
{
	float: left;
	width: 876px;
	margin-top: 15px;
	background: url(uploads/images/lineBetweenColumns.jpg) repeat-y top left;
}

div#containerRightSide
{
	float: right;
	width: 220px;
}

div.sideWindowBack
{
	float: left;
	width: 220px;
	background-image: url(uploads/images/bg_sideWindowBack.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

div.sideWindowTop
{
	float: left;
	width: 220px;
	background-image: url(uploads/images/bg_sideWindowTop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

div.sideWindowBottom
{
	float: left;
	width: 220px;
	background-image: url(uploads/images/bg_sideWindowBottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.contenuSideWindow
{
	float: left;
	padding: 15px 17px 15px 17px;
	font-size: 85%;
	color: #4a4848;
}

div.contenuSideWindow img
{
	border: 1px solid #c1c1c1; 
}

div.contenuSideWindow a
{
	color: #719e2a;
}

div.contenuSideWindow h2
{
	color: #e37a14;
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 5px;
}

.contenuSideWindow li 
{
       margin-left: 13px;
}

div.betweenSideWindow
{
	float: left;
	width: 220px;
	height: 15px;
}

div#logo
{
	float: left;
}

div.topSeparator
{
	float: left;
	width: 876px;
	height: 2px;
	background-color: #dfdddd;
}

div#mainNav
{
	float: left;
}

div#recherche
{
	float: right;
	margin-top: 48px;
	width: 220px;
	height: 18px;
	text-align: right;
	vertical-align: middle;
}

div#sousmenu
{
	float: left;
	margin-top: 5px;
	width: 277px;
	height: 176px;
}

#sousmenuliste
{
	margin: 0;
	padding: 0;
}

#sousmenuliste li
{
	margin: 0px 10px 0 10px;
	padding: 0;
	padding-top: 0px;
	line-height: 14px;
	list-style-type: none;
}

#sousmenuliste li.pointilleTop
{
	margin-top: 6px;
	border-top: 1px dotted #c0c0c0;
}

#sousmenuliste a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	font-family: verdana, arial, geneva, sans-serif;
}

#sousmenuliste a:hover
{
	text-decoration: underline;
	color: #e37a14;
}

#sousmenuliste .actif
{
	color: #e37a14;
	font-weight: bold;
	font-size: 10px;
	font-family: verdana, arial, geneva, sans-serif;
}

input#champRecherche
{
	float: left;
	width: 180px;
	height: 18px;
	border: 1px #eee solid;
	background: #f6f5f5;
	font-size: 88%;
	color: #b0b0af;
}

input#bt_recherche
{
	float: left;
	width: 26px;
	height: 18px;
	margin: 0 0 0 10px;
}

ul#topNav
{
	width: 861px;
	margin-right: 15px;
	margin-top: 5px;
}
	
ul#topNav li
{
	float: right;
	display: inline;
	list-style-type: none;
	color: #fff;
	font-family: arial, geneva, sans-serif;
}
		
ul#topNav li a
{
	color: #fff;
	font-size: 88%;
	text-decoration: none;
}

ul#topNav li a:hover, ul#topNav li a:active {text-decoration: underline;}
		
ul#mainNav
{
	width: 876px;
	height: 79px;
	background-color: #dfdddd;
}

ul#mainNav li
{
	float: left;
	margin-right: 1px;
	list-style-type: none;
	text-align: center;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 128%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.05em;
}

ul#mainNav li#carrefour-jeunesse-emploi
{
	margin-right: 0px;
}

ul#mainNav li a
{
	cursor: pointer;
	height: 79px;
}

ul#mainNav li a div#menuBg
{
	height: 79px;
	background: url(uploads/images/btnBg.jpg) repeat-x top left;
}

ul#mainNav li a div#menuBgLeft
{
	height: 79px;
	background: url(uploads/images/btnBgLeft.jpg) no-repeat top left;
}

ul#mainNav li a div#menuBgRight
{
	height: 79px;
	background: url(uploads/images/btnBgRight.jpg) no-repeat top right;
}

ul#mainNav li a:hover div#menuBg,
ul#mainNav li.actif a div#menuBg
{
	height: 79px;
	background: url(uploads/images/btnBgOver.jpg) repeat-x top left;
}

ul#mainNav li a:hover div#menuBgLeft,
ul#mainNav li.actif a div#menuBgLeft
{
	height: 79px;
	background: url(uploads/images/btnBgLeftOver.jpg) no-repeat top left;
}

ul#mainNav li a:hover div#menuBgRight,
ul#mainNav li.actif a div#menuBgRight
{
	height: 79px;
	background: url(uploads/images/btnBgRightOver.jpg) no-repeat top right;
}

ul#mainNav li#carrefour-jeunesse-emploi a div#menuBg
{
	height: 79px;
	background: url(uploads/images/btnBgLogo.jpg) no-repeat top center;
}

ul#mainNav li#carrefour-jeunesse-emploi a:hover div#menuBg,
ul#mainNav li#carrefour-jeunesse-emploi.actif a div#menuBg
{
	height: 79px;
	background: url(uploads/images/btnBgLogoOver.jpg) no-repeat top center;
}

ul#mainNav li a span
{
	display: block;
	padding-top: 23px;
}

ul#mainNav li#services-expressos{width: 168px;}
ul#mainNav li#services-conseils{width: 162px;}
ul#mainNav li#services-communaute{width: 200px;}
ul#mainNav li#projets-speciaux{width: 141px;}
ul#mainNav li#carrefour-jeunesse-emploi{width: 201px;}

ul#mainNav li a:link, ul#mainNav li a:visited,ul#mainNav li
{
	text-decoration: none;
	color: #dfdfdf;
}

div#zone
{
	position: relative;
	clear: both;
	width: 876px;
	height: 218px;
	background: url(uploads/images/bg_zone.jpg) no-repeat top center;
}

div#servicesConseils
{
	float: left;
	width: 277px;
	height: 218px;
	background: url(uploads/images/bg_servicesConseils.jpg) no-repeat top left;
}

div#photoBanniere
{
	float: right;
	width: 597px;
	height: 218px;
}

div#bt_calendrier
{
	float: right;
	margin-right: 20px;
	margin-top: 11px;
}

span#bt_calendrier
{
	text-transform: uppercase;
	text-align: right;
	background: url(uploads/images/btn_servicesConseils.jpg) no-repeat center right;
}

span#bt_calendrier a
{
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	padding-right: 32px;
}

span#bt_calendrier a:link, #bt_calendrier a:visited
{
	color: #dfdfdf;
}	

span#bt_calendrier a:hover, #bt_calendrier a:active
{
	color: #ffb600;
}
			
#contenu
{
	float: left;
	width: 876px;
	margin: 15px 0 0 0;
	font-size: 14px;
	color: #595959;
}

#contenuFor2Columns
{
	float: left;
	width: 632px;
	font-size: 14px;
}

#footer {
	clear: both;
	width: 876px;
	height: auto;
	text-align: center;
	background: url(images/bgFooter.jpg) no-repeat top center;
}

div#beforeFooter
{
	float: left;
	width: 876px;
	height: 25px;
}

ul#navFooter
{
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 250px;
	height: 27px;
	vertical-align: middle;
	line-height: 27px;
}	
	
	ul#navFooter li {
		float: left;
		display: inline;
		list-style-type: none;
		color: #fff;
		font-family: arial, geneva, sans-serif;
		}
		
	ul#navFooter li a {
		color: #fff;
		font-size: 88%;

		text-decoration: none;
		}
		
		ul#navFooter li a:hover, ul#navFooter li a:active {text-decoration: underline;}

	p.footer {
		clear: both;
		font-size: 85%;
		color: #787878;
		text-align: center;
		margin-bottom: 15px;
		}
		
		p.footer a:link, p.footer a:visited, p.footer a:hover, p.footer a:active {color: #787878; text-decoration: underline;}

/* ---[ Format du texte ]--------------------- */		

#contenu h1, #contenuFor2Columns h1
{
	color: #e37a14;
	font-size: 100%;
	margin-bottom: 25px;
}	
	
#contenu h2, #contenuFor2Columns h2
{
	color: #787878;
	font-size: 80%;
	background-color: #efefef;
	margin-bottom: 10px;
        margin-top: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}		

#contenu h3, #contenuFor2Columns h3
{
	color: #787878;
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 15px;
	padding-bottom: 10px;
	background-image: url(uploads/images/lineForH3.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#contenu p, #contenuFor2Columns p
{
	font-size: 90%;
	margin: 5px 0 10px 0;
}	

div#contenu ul, div#contenuFor2Columns ul
{
        margin-left: 15px;
        margin-bottom: 15px;
}	

div#contenu li, div#contenuFor2Columns li
{
        font-size: 90%;
        list-style: disc inside;
}

div#contenu li a:link, div#contenu li a:visited {color: #e37a14;}
div#contenu li a:hover, div#contenu li a:active {color: #6a9a2b;}

#contenu a:link, #contenu a:visited {color: #e37a14;}
#contenu a:hover, #contenu a:active {color: #6a9a2b;}


div#contenuFor2Columns li a:link, div#contenuFor2Columns li a:visited {color: #e37a14;}
div#contenuFor2Columns li a:hover, div#contenuFor2Columns li a:active {color: #6a9a2b;}

#contenuFor2Columns a:link, #contenuFor2Columns a:visited {color: #e37a14;}
#contenuFor2Columns a:hover, #contenuFor2Columns a:active {color: #6a9a2b;}

.encadre {
width: 300px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 15px;
color: #003399;
border: 2px solid #336633;
text-align: center;
font-size: 14px;
}

/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


/* FORMULAIRE - INSCRIPTION */

#frmInscription {}
#frmInscription label { display: block;  }
#frmInscription fieldset { border: 1px solid #c0c0c0; padding: 15px; }
#frmInscription input, #frmInscription select { border: 1px solid #c0c0c0; }

.frmLabel, label { margin: 15px 0 10px 0; font-weight: bold; }
/* End of 'GCSD 1' */