@import url("indexedSearch/style_indexedSearch.css");
@import url("dmmjobcontrol/style_job_offers.css");
@import url("style_blocs_contenu.css");
@import url("tt_news/tt_news_tractafric_int.css");
body{
	padding: 0px;
	margin: 0px;
}
div#content{
	padding: 0px;
	margin: 0px;
	width: 955px;
	height: 850px;
	position: relative;	
	border: solid 1px black;
}
div#top{
	width: 955px;
	height: 100px;
	left: 0px;
	top:0px;
	position: absolute;
}
	div#logo{
		width:278px;
		height:67px;
		left:15px;
		top:15px;
		position: absolute;
	}
		div#logo img{
			border:none;
		}
	div#logo_ona{
		width:81px;
		height:35px;
		left:715px;
		top:15px;
		position: absolute;
		background-image:url(_img/logo_ona.gif);
	}
	div#traduction{
		width:115px;
		height:31px;
		left:830px;
		top:10px;
		position: absolute;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	div#search{
		width:179px;
		height:20px;
		left:762px;
		top:60px;
		padding: 0px;
		margin: 0px;
		position: absolute;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
		div#search input.txt_search{
			position: relative;
			top: 0px;
			height: 18px;
			line-height:18px;
			width: 150px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			background-color:#ededef;
			text-align:center;
			text-transform: Uppercase;
			border: 1px solid black;
			margin:0px;
			padding:0px;
			position:absolute;
			left:0px;
		}
		div#search input.submit_search{
			background-image:url('_img/go_search.jpg');
			height:20px;
			width:20px;
			margin:0px;
			padding:0px;
			cursor:pointer;
			position:absolute;
			left:151px;
			border:0;
		}
div#menuh{
	width:955px;
	height:23px;
	left:0px;
	top: 100px;
	position: absolute;
	background-image:url(_img/rubrique_top.jpg);
	text-align:left;
}
div#ariane{
	width:940px; /*955*/
	height:20px;
	left:0px;
	top: 123px;
	position: absolute;
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(_img/ariane.jpg);
	text-align:left;
	line-height:20px;
	padding: 0px 0px 0px 15px;
}
div#image{
	width:953px;
	height:170px;
	left:0px;
	top: 143px;
	position: absolute;
	border: solid 1px white;
}
div#menuv{
	width:238px;
	height:495px;
	left: 1px;
	top: 315px;
	position: absolute;
	background: #dcdcdc;
}

div#titre1{
	width: 699px;
	height: 23px;
	left: 240px;
	top: 315px;
	position: absolute;
	background: black;
	text-align: left;
	padding: 0px 0px 0px 15px;
}

div#mainContent{
	width:714px;
	height:471px;
	left: 240px;
	top: 339px;
	position: absolute;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:black;
	overflow:auto;
}
div#alternativContent{
	width:184px;
	height:471px;
	left: 770px;
	top: 339px;
	position: absolute;
	background: purple;
}

div#footer{
	width:933px; /* 953 */ 
	height:40px;
	left:1px;
	top: 810px;
	position: absolute;
	text-align: right;
	border-top: solid 1px #dcdcdc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 20px 0px 0px;
	color: #626262;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11px;
	font-weight: bold;
}
a.rubrique1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight:bold;
	background-image:url(_img/rubrique.jpg);
	height:23px;
	text-align: left;
	padding: 0px 0px 0px 15px;
	display: block;
	line-height: 23px;
	text-transform: uppercase;
	text-decoration:none;
}
a.rubrique1:hover{
	text-decoration: underline;
}
a.rubrique2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight:normal;
	background: #dcdcdc;
	height:22px;
	text-align: left;
	padding: 0px 0px 0px 15px;
	border-bottom: solid 1px #b0b0b0;
	display: block;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration: none;
}
a.rubrique2:hover{
	background: #f1f1f1;
	text-decoration: underline;
}
a.rubrique2_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight:normal;
	background: #f1f1f1;
	height:22px;
	text-align: left;
	padding: 0px 0px 0px 15px;
	border-bottom: solid 1px #b0b0b0;
	display: block;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration: none;
}
a.rubrique3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight:normal;
	background-image: url(_img/rubrique_n3_off.jpg);
	height:22px;
	text-align: left;
	padding: 0px 0px 0px 30px;
	display: block;
	line-height: 22px;
	text-transform: capitalize;
	text-decoration: none;
}
a.rubrique3:hover{
	background-image: url(_img/rubrique_n3_on.jpg);
	text-decoration: underline;
}
a.rubrique3_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight:normal;
	background-image: url(_img/rubrique_n3_on.jpg);
	height:22px;
	text-align: left;
	padding: 0px 0px 0px 30px;
	display: block;
	line-height: 22px;
	text-transform: capitalize;
	text-decoration: none;
}
ul.menuv, li.menuv{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
ul.menuv3{
	padding:0px;
	margin:0px;
	border-bottom: solid 1px #b0b0b0;
}
ul.menuv4{
	padding:0px;
	margin:0px;
	border-bottom: solid 1px #b0b0b0;
	border-top: solid 1px #b0b0b0;
}
a.rubrique4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight:normal;
	background-image: url(_img/rubrique_n4_off.jpg);
	height:22px;
	text-align: left;
	padding: 0px 0px 0px 50px;
	display: block;
	line-height: 22px;
	text-transform: capitalize;
	text-decoration: none;
}
a.rubrique4:hover{
	background-image: url(_img/rubrique_n4_on.jpg);
	text-decoration: underline;
}
a.rubrique4_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight:normal;
	background-image: url(_img/rubrique_n4_on.jpg);
	height:22px;
	text-align: left;
	padding: 0px 0px 0px 50px;
	display: block;
	line-height: 22px;
	text-transform: capitalize;
	text-decoration: none;
}

ul.menuh{
	padding:0px;
	margin:0px;
	list-style: none;
	display:block;
	float: left;		
	width: 100%;
}
li.menuh{
	padding:0px;
	margin:0px -1px 0px 0px;;
	_margin-right: -2px;
	list-style: none;
	display:block;
	float: left;		
	width: 25%;
}
a.menuh{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight:bold;
	background-image:url(_img/rubrique_top.jpg);
	/*width:158px;*/
	width: 100%;
	height:23px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	border-left: solid 1px #adadad;
	display: block;
	line-height: 23px;
	text-transform: uppercase;
	text-decoration: none;
	text-align:center;
}
a.menuh:hover{
	background-image:url(_img/rubrique_top_optorg_on.jpg);
	text-decoration: underline;
	color: black;
}
a.menuh_on{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight:bold;
	background-image:url(_img/rubrique_top_optorg_on.jpg);
	/*width:158px;*/
	width: 100%;
	height:23px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	border-left: solid 1px #adadad;
	display: block;
	line-height: 23px;
	text-transform: uppercase;
	text-decoration: underline;
	text-align:center;
}
a.menut{
	color: #626262;
	text-decoration: none;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
a.menut:hover{
	text-decoration: underline;	
}
a.menuAriane{
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
a.menuAriane:hover{
	text-decoration: underline;	
}
a.menuAriane_on{
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
a.menuAriane_on:hover{
	text-decoration: none;	
}
a.menuFooter{
	color: #626262;
	text-decoration: none;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 40px;
}
a.menuFooter:hover{
	text-decoration: underline;	
}

div.csc-sitemap{
	margin: 10px 10px 10px 10px;
}
	div.csc-sitemap ul{
		margin-top:5px;
		margin-bottom:5px;
	}
	div.csc-sitemap li{
		margin-top:5px;
		margin-bottom:5px;
	}
	div.csc-sitemap a{
		color: #000000;
		text-decoration: none;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	div.csc-sitemap a:hover{
		text-decoration:underline;
	}
h1.csc-firstHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color:black;
	margin-left:10px;
}

/* Comité excutif 2 */

.clear{clear: both;}

div.comiteExecutif_container, div.profil_description {
padding: 17px 30px;
}

div.bloc_comiteExecutif{
width: 181px; /* 223 */
height: 78px; /* 125 */
padding: 14px 17px 33px 14px;
background: url('_img/bloc_Comite_executif.png') no-repeat top left;
float: left;
margin: 0px !important;
overflow: hidden;
}

div.bloc_comiteExecutif div,div.profil_description_pic {
overflow: hidden;
background: #444444;
color: white;
text-align: center;
margin: 0px;
}

div.bloc_comiteExecutif div {
float: left;
width: 50px;
}

div.bloc_comiteExecutif div img, div.profil_description_pic img{
margin: 0px;
padding: 0px;
border: none;
}

div.bloc_comiteExecutif h1,div.bloc_comiteExecutif p, div.profil_description h4,div.profil_description p {
float: right;
width: 120px;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height: 13px;
color: black;
font-family: Arial,Helvetica,sans-serif;
}

div.bloc_comiteExecutif h1{
margin-bottom: 5px;
font-weight: bold;
}

/* Description profil */

div.profil_description h4, div.profil_description p {
float: left;
width: 450px;
}

div.profil_description h4{
font-weight: bold;
margin : 0px;
padding-bottom: 30px;
}

div.profil_description_pic {
width: 150px;
float: right;
}