/* ---------------------- BODY, GENERIQUE ---------------------- */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #1B1B1B;
	background: url(../images/structure/body_fond.png) repeat-x 0 0;
	background-color: #FFFFFF;
}



/* ---------------------- COMMUN ---------------------- */

img, p, form {
	margin: 0;
	padding: 0;
	border: 0;
}

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

p {
	margin: 0;
	padding: 0;
	font-family: "open_sansregular", Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #646464;
	font-weight: normal;
	line-height: 20px;
}

b, strong {
	font-family: "open_sansbold", Verdana, Helvetica, Arial, sans-serif;
}

i, em {
	font-family: "open_sansitalic", Verdana, Helvetica, Arial, sans-serif;
}

a {
	margin: 0;
	padding: 0;
	color: #006F3B;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
}
a:hover {
	color: #1B1B1B;
}

span.clear_both {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	border: 0;
	font-size: 0;
}




/* ---------------------- GLOBALCONTENEUR  ---------------------- */

#globalconteneur {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}




/* ---------------------- HEADER ---------------------- */

#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;
}


/* H1 */

#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 225px;
	height: 190px;
	text-indent: -9000px;
	background: url(../images/structure/h1_logo.png) no-repeat left top;
}


#header div.baseline {
	float: right;
	margin: 0;
	padding: 0;
	width: 740px;
	height: 160px;
}

#header div.baseline p {
	margin: 0;
	padding: 0;
	font-family: "open_sanslight", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

#header div.baseline p.p1 {
	padding: 25px 0 5px 0;
	font-size: 36px;
	line-height: 36px;
	color: #C7DA81;
}

#header div.baseline p.p2 {
	font-size: 30px;
	line-height: 32px;
	color: #006F3B;
}



/* MAINMENU */

#mainmenu {
	float: right;
	margin: 0;
	padding: 0;
	width: 740px;
	height: 40px;
}
/*
#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainmenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: "open_sansregular", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 40px;
	color: #FFFFFF;
}

#mainmenu ul li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	width: 185px;
	height: 40px;
	text-align: center;
	text-decoration: none;
}

#mainmenu ul li a:hover {
	color: #006F3B;
	background-color: #F0F0F0;
}

#mainmenu ul li a.selected {
	color: #FFFFFF;
	background-color: #006F3B;
}
*/


/* -------------------- CSSMENU -------------------- */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    z-index: 999;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    width: auto;
}
#cssmenu > ul {
	text-align: center;
}
#cssmenu > ul > li {
    display: inline-block;
    font-family: "open_sansregular", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
}
#cssmenu > ul > li > a {
    display: block;
	color: #FFFFFF;
	width: 148px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
    color: #006F3B;
	background-color: #F0F0F0;
}
#cssmenu > ul > li > a.first {}
#cssmenu > ul > li > a.last {}
#cssmenu > ul > li > a.selected {
    color: #FFFFFF;
	background-color: #006F3B;
}






/* ---------------------- GLOBALCENTRE  ---------------------- */

#globalcentre {
	margin: 0;
	padding: 0;
	width: 100%;
}




/* ---------------------- SUBMENU  ---------------------- */

#submenu {
	float: left;
	margin: 0;
	padding: 30px 20px 0 35px;
	width: 156px;
}

#submenu ul {
	margin: 0;
	padding: 0;
}

#submenu ul li {
	margin: 0 0 8px 0;
	padding: 0;
	font-family: "open_sanslight", Verdana, Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #C7DA81;
	list-style: none;
	line-height: 24px;
	text-align: left;
}

#submenu ul li a {
	display: block;
	margin: 0;
	padding: 20px 20px 40px 20px;
	width: 116px;
	color: #C7DA81;
	background: url(../images/structure/submenu_fond.png) no-repeat left bottom;
	text-decoration: none;
}

#submenu ul li a.createur, #submenu ul li a.repreneur {
	padding: 34px 20px 40px 20px;
	height: 72px;
}
#submenu ul li a.employeur {
	padding: 58px 20px 40px 20px;
	height: 48px;
}

#submenu ul li a:hover {
	color: #FFFFFF;
	background: url(../images/structure/submenu_fond.png) no-repeat -500px bottom;
}

#submenu ul li a.selected {
	color: #FFFFFF;
	background: url(../images/structure/submenu_fond.png) no-repeat -1000px bottom;
}




/* ---------------------- ACTUMENU  ---------------------- */

#actumenu {
	float: left;
	margin: 0;
	padding: 40px 0 0 15px;
	width: 196px;
}

#actumenu ul {
	margin: 0;
	padding: 0 20px 0 20px;
}

#actumenu ul li {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: "open_sanssemibold", Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #646464;
	list-style: none;
	line-height: 16px;
	text-align: left;
}

#actumenu ul li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #646464;
	text-decoration: none;
}

#actumenu ul li a:hover, #actumenu ul li a.selected {
	color: #006F3B;
}





/* ---------------------- IMAGE_COLONNE  ---------------------- */

#image_colonne {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	width: 196px;
}





/* ---------------------- ZONE_CONTENU ---------------------- */

#zone_contenu {
	float: right;
	margin: 0;
	padding: 30px 0 0 0;
	width: 740px;
}






/* ---------------------- ZONE_ROTATION ---------------------- */

#zone_rotation {
	float: right;
	margin: 0;
	padding: 30px 0 0 0;
	width: 740px;
	height: 280px;
}

#zone_rotation img {
	display: block;
	margin: 0;
	padding: 0;
	width: 740px;
	height: 280px;
}







/* ---------------------- ZONE_DOC_TRAVAIL ---------------------- */

#zone_doc_travail {
	float: right;
	margin: 0;
	padding: 14px 0 0 0;
	width: 740px;
}



/* zone_documentation */
#zone_documentation {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 350px;
}

#zone_documentation a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 350px;
	height: 154px;
	background: url(../images/structure/documentation_fond.png) no-repeat top right;
}
#zone_documentation a:hover {
	background: url(../images/structure/documentation_fond.png) no-repeat right -154px;
}

#zone_documentation a span {
	display: block;
	margin: 0;
	padding: 0;
	font-family: "open_sanslight", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
}

#zone_documentation a span.titre {
	padding: 28px 0 0 20px;
	font-size: 22px;
	line-height: 22px;
	color: #C7DA81;
}

#zone_documentation a span.texte {
	padding: 10px 150px 0 20px;
	font-size: 18px;
	line-height: 20px;
	color: #646464;
}



/* zone_espace_travail */
#zone_espace_travail {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	width: 350px;
}

#zone_espace_travail a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 350px;
	height: 154px;
	background: url(../images/structure/espace_travail_fond.png) no-repeat left 0;
}
#zone_espace_travail a:hover {
	background: url(../images/structure/espace_travail_fond.png) no-repeat left -154px;
}

#zone_espace_travail a span {
	display: block;
	margin: 0;
	padding: 0;
	font-family: "open_sanslight", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
}

#zone_espace_travail a span.titre {
	padding: 28px 0 0 20px;
	font-size: 22px;
	line-height: 22px;
	color: #006F3B;
}








/* ---------------------- COLONNES (de la zone de contenu) ---------------------- */

div.col_gauche_demi {
	float: left;
	margin: 0;
	padding: 0;
	width: 360px;
}

div.col_droite_demi {
	float: right;
	margin: 0;
	padding: 0;
	width: 360px;
}






/* ---------------------- FOOTER ---------------------- */

#footer {
	float: right;
	margin: 30px 0 20px 0;
	padding: 10px 0 10px 0;
	width: 740px;
	background: url(../images/structure/footer_ombre_top.png) no-repeat top center;
}

#footer ul.footermenu {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	text-align: center;
	background: url(../images/structure/footer_ombre_bottom.png) no-repeat bottom center;
}

#footer ul.footermenu li {
	display: inline-block;
	margin: 0 10px 0 10px;
	padding: 0;
	font-family: "open_sansregular", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #646464;
}

#footer ul.footermenu li a {
	display: block;
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 50px;
	color: #646464;
	text-decoration: none;
}
#footer ul.footermenu li a:hover {
	color: #000000;
}