/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	font: 11px "Lucida Grande", verdana, arial, helvetica, sans-serif; 
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background: #4B5B74 ;
	color: #2f2f2f;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
a:link, a:hover, a:active {
	text-decoration:underline;
	color: #52aa4a;
}
a:visited { color:#52aa4a; }
a:hover { text-decoration:none; }


#orange a:link, #orange a:hover, #orange a:active {
	text-decoration:underline;
	color: #ff6633;
}
#orange a:visited { color:#ff6633; }
#orange a:hover { text-decoration:none; }


h1 {
	text-indent: -5000px;
}

h2 {background: url(images/fleche.gif) top left no-repeat;margin: 10px;	padding : 0 10px 0 30px; color: #4B5B74; font-size: 140%;font-weight:100; }
h3 {font: bold 100% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px;
	color: #4B5B74;
	text-transform: uppercase;
}
h4 {
	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: -10px 0 20px 0;
	padding: 0 0 0 41px;
	color: #000000;
}

h5 {
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 5px 5px 5px;
	color: #727d83;
	font-style: italic;
}

/*** HEADER_______________________________________  ***/

#header {
	height: 92px;
	background: url(images/header.jpg) no-repeat;
	margin:0 auto;
}
#header-compte {
	height: 92px;
	background: url(images/header-compte.jpg) no-repeat;
	margin:0 auto;
}
#header-index-compte {
	height: 92px;
	background: url(images/header-index-compte.jpg) no-repeat;
	margin:0 auto;
}
#header-notel {
	height: 92px;
	background: url(images/header-notel.jpg) no-repeat;
	margin:0 auto;
}
#logo {
	position: relative;
	float: left;
	top: 0;
	left: 28px;
	width: 240px;
	height: 65px;
	text-indent: -5000px;
}
#logo a {
	position: absolute;
	text-decoration: none;
	width: 240px;
	height: 65px;
	top: 15px;
	left: 28PX;
	line-height: 11px;
	text-indent: -5000px;
}

#nav-compte {float:right; margin:75px 55px 0px; display:block; color: #92966E; font-weight:bold}
#nav-compte a {color: #92966E; text-decoration:none}
#nav-compte a:hover {color: #747a42; text-decoration:underline}


/*** CONTENANT _________________________________________________***/
#wrapper {
	width: 880px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(images/fond.jpg) repeat-y;
}
#wrapper-blanc { width: 880px; margin: 0 auto; padding: 0; background: #fff url(images/fond-blanc.jpg) repeat-y} 



/*** INDEX _________________________________________________***/

#index-handi a {
	display:block;
	text-indent: -5000px;
	margin:0;
	background:url("images/accueil-index-handi-hover.jpg") 0 0 no-repeat;
	width:390px;
	height:74px;
	}
#index-agee a {
	display:block;
	text-indent: -5000px;
	margin:0;
	background:url("images/accueil-index-agee-hover.jpg") 0 0 no-repeat;
	width:390px;
	height:74px;
	}
#index-agee a:hover {
	background:url("images/accueil-index-agee-hover.jpg") -390px 0 no-repeat;
}
#index-handi a:hover {
	background:url("images/accueil-index-handi-hover.jpg") -390px 0 no-repeat;
}


#table-index { border:none;padding:0; width:800px; margin:30px auto 0}
#table-index tr { border:none;padding:0; margin:0}
#table-index td { border:none;padding:0; margin:0}

p.big {
	font-size: 180%;
	padding: 0 0 0 0;
	margin: 25px 0;
	color:#002055;
	text-align:center;
}
#contenu p.big-contact {
	padding: 0 0 8px 0;
	margin: 5px 0 5px .5em;
	color:#92966E;
	text-align:left;
	font: 180%/17px Georgia, 'Times New Roman', serif 
}
#contenu p.big-contact span {
	font-size: 60%;
	color:#4B5B74;
}


/** COLONNE GAUCHE / MENU _______________________________________**/
#gauche-nav {
	width: 200px;
	float: left;
	margin-left:20px;
	_margin-left:10px;
}
#gauche-nav h3 {
	text-transform: uppercase;
	font: bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	border-top: 4px solid #EBECDA;
	border-bottom: 1px dotted #EBECDA;
	padding: 3px 0;
	margin: 0px 0 10px 0;
	color: #2C3853;
	background:#fff;
}
#gauche-nav p {
	font-size: 11px;
	line-height: 15px;
	padding: 0 5px 15px 5px;
}

#navcontainer {width:200px;margin:0; padding:0;}
ul#navlist
{
text-align: left;
list-style: none;
font-size:13px;
padding: 0;
margin:0;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
padding: 0.5em 0 0.5em 2em;
_height:20px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #4B5B74;
text-decoration: none;
background: #EBECDA;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #D9DAC5 url(images/bullet.gif) 10px 50% no-repeat;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent url(images/bullet.gif) 10px 50% no-repeat;
border-color: #aaab9c #fff #fff #ccc;
}

#bloc-temoignage {
	width: 180px;
	background:#f4f4f4;
	padding:0 ;
	margin:0 auto;
	margin-top:2em;
}
#bloc-temoignage a {text-decoration:none;}
#bloc-temoignage a:hover {text-decoration: underline;}
#bloc-temoignage h4{
	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 5px 5px 5px;
	color: #2C3853;
}

/*** Bouton_____________________________________________________ ***/
#details{text-indent:-5000px; margin:8px 0 35px}
.details_button{width:155px;height:24px;background: url(images/details_button.gif) no-repeat top;float:right;border:none}
.details_button:hover{background:url(images/details_button.gif) no-repeat bottom;cursor:pointer}


/** COLONNE DROITE _____________________________**/

#contenu {
	width: 610px;
	float: left;
	margin-top:0;
	padding-left:15px;
}
#contenu p {
	line-height: 16px;
	padding: 0 16px 6px 16px;
}
#contenu p.big {
	font-size: 180%;
	line-height: 17px;
	padding: 0 0 8px 0;
	margin: 5px 0;
	color:#92966E;
	text-align:center;
}
#contenu p.big span {
	font-size: 60%;
	color:#4B5B74;
	font-family:Arial, sans-serif;
}
#contenu h1 {
	margin: 0 15px 15px 15px;
	padding: 0;
	color: #2C3853;
	border-bottom: 1px solid #ededed;
}
#plus {text-align:right;}


.sable { border:1px solid #4B5B74; background-color:#EBECDA; margin:1em 0 0 0; padding:.5em }


/* Coins arrondis */
#latest {
	float: left;
	width: 290px;
	margin: 10px 5px;
}
#blogSnippetcouv {	padding: 0; margin:0;min-height:300px;_height:300px;}
#blogSnippetcouv h2.recrutement { background-image:none; text-align:center; padding : 0px 0 10px; font-size:145%; font-weight:bold}
#blogSnippetcouv h2.recrutement a { text-decoration:none; color: #4B5B74}
#blogSnippetcouv h2.recrutement a:hover{ text-decoration:underline; color: #4B5B74}
#blogSnippet {padding: 4px 4px 0 4px; margin:0;min-height:240px;_height:240px;}
#blogSnippet p, #blogSnippetcouv p { font-size:12px; line-height:18px;text-align:justify}
#blogSnippet a, #blogSnippetcouv a { text-decoration:underline; color:#52aa4a; }
#blogSnippet a:hover, #blogSnippetcouv a:hover { text-decoration:none; color:#52aa4a; }
#blogSnippet h4 a, #blogSnippetcouv h4 a { color: #2C3853; }
#blogSnippet li, #blogSnippetcouv li { text-align:left; list-style-image:url(images/fleche-list.gif); margin:.7em 0; }
.hautgauche{
	width: 100%;
	background :#f5f5f5 url(images/hautgauche.png) top left no-repeat; /**couleur de fond du bloc**/
	margin : 0 auto;
}.hautdroit{
	background : url(images/hautdroit.png) top right no-repeat;
}
.basgauche{
	background : url(images/basgauche.png) bottom left no-repeat;
}
.basdroit{
	background : url(images/basdroit.png) bottom right no-repeat;
	padding: 8px 15px 10px 15px;
	margin-bottom: 0px;
}
.hautgauche-sable{
	width: 100%;
	background :#EBECDA url(images/hautgauche-sable.png) top left no-repeat; /**couleur de fond du bloc**/
	margin : 0 auto;
}.hautdroit-sable{
	background : url(images/hautdroit-sable.png) top right no-repeat;
}
.basgauche-sable{
	background : url(images/basgauche-sable.png) bottom left no-repeat;
}
.basdroit-sable{
	background : url(images/basdroit-sable.png) bottom right no-repeat;
	padding: 8px 15px 10px 15px;
	margin-bottom: 0px;
}

#bloc-gauche {
	float: left;
	width: 300px;
	margin-right: 30px;
	border-right: 1px solid #ededed;
}
#bloc-gauche h2 {
	width: 300px;
	margin:0 auto;
	height: 62px;
}
#bloc-gauche p {
	padding:0 10px 10px 0;
	text-align:justify;
}
img.bloc-gauche {
position:relative;
}
#bloc-droit {
	float: left;
	width: 300px;
	margin-right: 30px;
	border-right: none;
}
#bloc-droit h2 {
	width: 300px;
	margin:0 auto;
	height: 62px;
}
#bloc-droit p {
	padding:0 10px 10px 0;
	text-align:justify;
}
img.bloc-droit {
position:relative;
}
blockquote {
	background: url(images/fleche.gif) top left no-repeat;
	margin: 10px 0 0 0;
	padding : 0 10px 0 30px;
	color: #4B5B74;
	font-size: 15px;
}
#contenu blockquote p {
	font-size: 11px;
	font-weight: normal;
	padding:0;
	margin:0;
}

/*** TABLEAU TARIFS_____________________________________________________ ***/
#mytable {
	width: 590px;
	padding: 0 0 0 5px;
	margin: 0 0 0 10px;
}
#mytable p{
	font: 10px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	text-transform:none;
	text-align:left;
	line-height:normal;
	letter-spacing:normal;
	padding:0;

}
#mytable ul{
list-style-type:square;
text-transform:none;
}

caption {
	padding: 0 0 5px 0;
	width: 600px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4B5B74;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: justify;
	padding: 6px;
	background: #A6AEBB url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	width:28%;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td span { text-align:center; font-size:85%;}
td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/*** 4 COINS ARRONDIS_________________________________***/
dl.curved {background:#2C3853 url(images/c_tl.gif) top left no-repeat; margin:5px auto; padding:0; width:98%;}
dl.curved dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff; font-weight:bold;}
dl.curved dd {background:#f5fafa url(images/c_bl.gif) bottom left no-repeat; padding:10px 0 0 0; margin:0;}
dl.curved dd p {margin:0; padding:10px;}
dl.curved dd p.last {background:transparent url(images/c_br.gif) bottom right no-repeat;}



/*** NIFTYCORNERS______________________________________***/
#container p {margin:0;padding: 0 10px 1em}
#container{width:600px;margin: 0 auto;padding:10px 0;text-align:left}
#content{float:left;width:295px;padding:10px 0;background: #EBECDA}
#nav{float:right;width:295px;padding:10px 0;background:#EBECDA}

#box {width: 550px;padding: 20px;margin:0 auto;background:#EBECDA;color:#000}
#box p {margin:0;padding: 0 10px 1em}
#box p.p1 {margin:-7px 0 0 0;}
#box li { text-align:left; list-style-image:url(images/fleche-list.gif); margin:.7em 0;}

.comments div{background: #EBECDA;margin : 0 0 10px 0;}
.comments p{padding: 10px;margin:0 10px 0 0;}
.comments h2{background: transparent;padding : 0 10px 0 0; border-bottom:#4B5B74 1px solid;}
.comments h2 a, .comments h2 a:hover {color: #4B5B74; text-decoration:none;}

.comments h2.info {background: url(images/fleche.gif) top left no-repeat;margin: 10px;	padding : 0 10px 0 30px;color: #4B5B74;	font-size: 140%;font-weight:100; border:none;}
div.odd{background:#e6e6e6;}

.services {background: #EBECDA;margin : 0 10px 0 0; width:60%;}
div.oddservices{background:#e6e6e6; width:60%;}


/*** PIED DE PAGE______________________________________***/
#clearFoot {
	background: #fff;
	height: 65px;
}

#footer {
	background: transparent url(images/footer.jpg) no-repeat;
	width: 880px;
	height:75px;
	margin: 0 auto;
	padding-top:35px;
	font-size:10px;
	text-align:center;
}
#footer-blanc {
	background: transparent url(images/footer-blanc.jpg) no-repeat;
	width: 880px;
	height:75px;
	margin: 0 auto;
	padding-top:35px;
	font-size:10px;
	text-align:center;
}
#footer p, #footer-blanc p {color:#4B5B74; font-size:9px}
#footer a, #footer-blanc a {color:#4B5B74; display:inline; text-decoration:underline}
#footer a:hover, #footer-blanc a:hover {color:#2C3853; text-decoration:none}


/* Infos footer */

.infofooter {width:840px; margin:-45px auto 12px; padding:0;}
.infofooter2 {width:840px; margin:-10px auto 12px; padding:0;}
p.infofooter, p.infofooter2{color:#FFFFFF; font-size:87%; text-align:justify;}
.infofooter a, .infofooter2 a{color:#FFFFFF; text-decoration:none; font-weight:bold}
.infofooter a:hover, .infofooter2 a:hover{text-decoration:underline}

/* Text formatting */

p {
	color: #222;
	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 12px 0;
	line-height: 15px;
}
code {
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
}
p.small {
	font-size: 11px;
	line-height: 14px;
}


/* Images */

img {
	border: 0;
}
img.left {
	float: left;
	margin-right:5px;
	border:#4B5B74 1px solid;
}
img.clue-left {
	float: left;
	margin-right:.5em;
	border:none;
	background:transparent;
}

img.right {
	float: right;
	margin-left:5px;
	border:#4B5B74 1px solid;
}

/*--------- Switch (page recrutement)----------------*/
.maintext {padding:1em; border:1px solid #4B5B74; margin:0 0 10px 0; background-color:#EBECDA}
.maintext p {padding:0; margin:0;}
.maintext h2 {margin:0; padding:0; background:none}

.maintext2 {margin:0}
.maintext2 p {padding:0; margin:0;}
.maintext2 h2 {margin:0; padding:0; background:none}


.switch {display:block; font-size:1px; width:16px; height:16px; background:url(images/plus.gif); cursor:pointer; float:right; margin-top:-16px}
.off {background:url(images/minus.gif);}
.hide {display:none;}
.show {position:absolute; display:block; width:576px; background-color:#fff; border:1px solid #4B5B74; padding:10px; z-index:500; margin:5px 30px 0 0}
.show img {float:left; padding:0 10px 0 0;}

ul.maintext li a { text-decoration:underline; color:#52aa4a; }
ul.maintext li a:hover { text-decoration:none; color:#52aa4a; }

/* Listes___________________________________________ */


#contenu ul li a { text-decoration:none; color:#4B5B74; font-size:1em; }
#contenu ul li a:hover { text-decoration:underline; color:#4B5B74; }

#contenu ul, #contenu ol {
	margin: 0 0 5px 20px;
	list-style: none;
}
#contenu ul li {
	padding: 0 0 10px 20px;
	background: url(images/fleche-list.gif) no-repeat 0 6px;
}
#contenu div.errorMessage ul, #contenu ul.tick {
	margin: 0 0 10px 0px;
}
#contenu ul.tick li {
	font-size: 11px;
	background: url(/images/tick.gif) no-repeat 0 3px;
	margin:0;
	padding: 1px 0 6px 18px;
	display:block;
	list-style-type:none;
}
#blog ul.tick li {
	font-size: 12px;
	background: url(/images/tick.gif) no-repeat 0 3px;
	margin:0 0 0 15px;
	padding: 1px 0 6px 18px;
	display:block;
	list-style-type:none;
}
#contenu ul.tick li.learn {
	background: none;
	padding-top: 3px;
}
#contenu ul.smallList {
	margin: 5px 0 15px 0;
}
#contenu ul.smallList li {
	background: url(/images/smallPoint.gif) no-repeat top left;
	font-size: 11px;
	margin: 0 0 3px 0;
	padding: 1px 0 1px 15px;
	display:block;
	list-style-type:none;
}
dl {
	padding-bottom: 15px;
}
dt {
	padding-bottom: 3px;
}
dd {
	padding-bottom: 6px;
}
dt code {
	color: #c61010;
}


/* Formulaire contact */
table.contactform td {
	padding: 10px 0 15px 30px;
	border:none;
}
input { 
	padding: 2px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
select { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
select option {
	padding-right: 4px;
}
textarea {
	font: 11px verdana, arial, helvetica, sans-serif;
	padding: 2px;
}
textarea.full {
	width: 550px;
}
form.subscribe {
	margin-bottom: 15px;
}
form.subscribe input {
	float: left;
}
form.subscribe input.button {
	padding-left: 5px;
	margin-top: -2px;
}
#subscribe-text {
	width: 75px;
}
input.subscribeButton {
	vertical-align: middle;
	padding-left: 5px;
	margin-top: -4px;
}
body#blog #contenu table.formstuff {
	width: 600px;
}
body#blog #contenu table.formstuff td {
	padding: 1px 0;
}
body#blog #contenu table.formstuff td p {
	margin: 0;
	padding: 5px 0 2px 0;
	font-weight: normal;
	font-size: 11px;
}
body#blog #contenu table.formstuff td label {
	font-size: 11px;
}