/* *************************** */
/* *                         * */
/* *   Athema - CSS  				 * */
/* *   14.08.2007            * */
/* *                         * */
/* *   Claire LABROUSSE      * */
/* *              					 * */
/* *************************** */


/* **************************************** Pour les tests */

table.border, table.border td, table.border th { border: 1px solid black; }
table.border td td, table.border th th { border: 1px solid red; }
table.border td td td, table.border th th th { border: 1px solid green; }


/* *************************** */ /* OVERALL */

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

body {
	background: #EFEBE8 url(../img/body_background.gif) top repeat-x;
	font: normal 80% arial, sans-serif;
	color: #694D3C;
}

/* *************************** */ /* CONTAINER */

#container {
	width: 780px;
	margin: 0 auto;
	margin-top: 60px;
}
tr.cadre td {
	font-size: 0px;
	height: 1px;
	padding: 0; margin: 0;
}
tr.h td {
	vertical-align: bottom;
}
tr.b td {
	vertical-align: top;
}
	

/* *************************** */ /* MENU */

#menu {
	height: 22px;
	border-bottom: 1px solid #FFFFFF;
}
.menu { background-color: #977E6F; }

#menu div {
	float: left;
	position: relative;
}

#menu div.on {
	float: left;
	position: relative;
	background-color: #725746;
}

#menu div a img {
	display: block;
}

#menu div .submenu {
	display: none;
	position: absolute;
	top: 23px;
	left: -1px;
}

#menu div .submenu ul {
	background-color: #977E6F;
	list-style-type: none;
	width: 155px;
}

#menu div .submenu ul li {
	padding-bottom: 0px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#menu div .submenu ul li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 2px 0 3px 11px;
	margin: 0 0px;
	font-size: 85%;
	width: 142px;
}

#menu div .submenu ul a:hover {
	background-color: #806452;
}



/* *************************** */ /* DRAPEAUX */

#menu a.flag img, #menu a.flag_on img {
	float: right;
	margin: 4px 4px 0 0;
}

#menu a.flag_on img {
	margin-top: 3px;
}


/* *************************** */ /* MAINCONTENT */

#maincontent {
	background: url(../img/maincontent_background.gif) repeat-y;
}

#maincontent1 {
	height: 311px;
}

#maincontent2 {
	padding-left: 147px;
	padding-top: 20px;
	min-height: 311px;
	background: url(../img/maincontent_other.jpg) no-repeat;
}

* html #maincontent2 {
	height: 348px;
}

#breadcrumbs {
	padding: 0 0 30px 23px;
	font-size: 90%;
}

#breadcrumbs span {
	font-weight: bold;
	color: #C70A44;
}

/* *************************** */ /* BOTTOM */

#bottom {
	clear: both;
	padding: 5px;
	text-align: center;
	color: #FFF;
	font-size: 80%;
	background-color: #694D3C;
}

#bottom a {
	color: #FFF;
	text-decoration: none;
}

#bottom a:hover {
	text-decoration: underline;
}

/* *************************** */ /* TEXT */

#maincontent2 h1 {
	font: bold 100% arial, sans-serif;
	color: #C70A44;
	padding: 7px 0 15px 0;
}

#maincontent2 p {
	font-size: 90%;
	padding: 0 10px 15px 0;
	text-align: justify;
}

#maincontent2 p.li {
	padding-left: 20px;
	background: url(../img/maincontent_marker_p.gif) 8px 4px no-repeat;
}

#maincontent2 a {
	color: #694D3C;
	text-decoration: none;
	background: url(../img/maincontent_linkbackground.gif) 0 100% repeat-x;
}

#maincontent2 a:hover {
	color: #C70A44;
	background: url(../img/maincontent_linkbackground_on.gif) 0 100% repeat-x;
}

#maincontent2 p.small_li {
	padding-left: 23px;
	padding-bottom: 4px;
	background: url(../img/maincontent_marker_p.gif) 8px 4px no-repeat;
}

#maincontent2 span.ac {
	text-transform: uppercase;
	font-weight: bold;
}

#maincontent2 span.pre {
	color: #C70A44;
	font-size: 110%;
	font-weight: bold;
}

#maincontent2 .picture_left, #maincontent2 .picture_right {
	padding-bottom: 25px;
}

#maincontent2 .picture_left h2, #maincontent2 .picture_right h2 {
	font: bold 100% arial, sans-serif;
	color: #C70A44;
	padding: 10px 15px 15px 0;
	background: url(../img/maincontent_jobbackground.gif) 0 33px no-repeat;
}

#maincontent2 .picture_left img { float: left; }
#maincontent2 .picture_right img { float: right; }
#maincontent2 .picture_left h2 { margin-left: 132px; }
#maincontent2 .picture_right h2 { margin-right: 132px; }
#maincontent2 .picture_left p { margin-left: 132px; }
#maincontent2 .picture_right p { margin-right: 132px; }

#maincontent2 .off { display: none; }

#maincontent2 .pointilles {
	height: 20px;
	background: url(../img/maincontent_linkbackground.gif) 0 10px repeat-x;
	font-size: 0;
	margin-right: 10px;
	clear: both;
}

#maincontent2 .reference {
	cursor: pointer;
}

#maincontent2 .reference div {
	float: left;
	margin-right: 10px;
}

#maincontent2 .reference div img {
	display: block;
}

#maincontent2 .reference h2 {
	font: bold 100% arial, sans-serif;
	color: #C70A44;
	padding: 10px 15px 5px 0;
}

#maincontent2 .reference p {
	padding-bottom: 0;
}

#maincontent2 .clear05 { clear: both; font-size: 0; height: 5px; }
#maincontent2 .clear10 { clear: both; font-size: 0; height: 10px; }
#maincontent2 .clear15 { clear: both; font-size: 0; height: 15px; }
#maincontent2 .clear20 { clear: both; font-size: 0; height: 20px; }
#maincontent2 .clear30 { clear: both; font-size: 0; height: 30px; }
#maincontent2 .clear50 { clear: both; font-size: 0; height: 50px; }



/* *************************** */ /* PREACCUEIL */

td.preacc {
	height: 200px;
	background: #FFFFFF url(../img/preacc_background.gif) left top no-repeat;
}

#maincontent3 {
	height: 225px;
	overflow: auto;
	margin-right: 20px;
	padding-right: 10px;
	text-align: justify;
	overflow: auto;
	scrollbar-face-color: #EFEBE8;
	scrollbar-shadow-color: #EFEBE8;
	scrollbar-highlight-color: #EFEBE8;
	scrollbar-3dlight-color: #B49F93;
	scrollbar-darkshadow-color: #B49F93;
	scrollbar-track-color: #EFEBE8;
	scrollbar-arrow-color: #B49F93;
}

#maincontent3 a {
	color: #694D3C;
	text-decoration: none;
	background: url(../img/maincontent_linkbackground.gif) 0 100% repeat-x;
}

#maincontent3 a:hover {
	color: #C70A44;
	background: url(../img/maincontent_linkbackground_on.gif) 0 100% repeat-x;
}


/* *************************** */ /* ANNONCE FIGARO */

.figaro {
	display: none;
	position: absolute; 
	top: 40px; 
	padding-left: 280px;
}



/* *************************** */ /* CFI */

.cfi {
	background: #ede8e5 url(../img/cfi/fd_bandeau_home.gif) top repeat-x; 
	height: 100px;
}
.ssboussole {
	position: relative; 
	float: right;
	margin-right: 58px;
}
.annonce {
	background: url(../img/cfi/suite_A_home.gif) 300px 0 no-repeat;
	width: 450px;
	padding-left: 84px;
	font-size: 11px;
	color: #694d3c;
	padding-top: 5px;
}
.annonce strong {
	color: #c70a42;
}