html {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 11px;
	letter-spacing: 1px;
	color: #666769;
	font-family: Arial, Trebuchet, Helvetica, Sans-Serif;
	line-height: 17px;
	background: url('images/ombre_gauche.jpg') #F6F6F6;
	background-repeat: no-repeat;
	background-position: 0 left;
}

h1 {
	font-size: 14px;
	color: black;
	margin: 30px 0 10px 0;
	font-family: "times new roman";
	word-spacing: 2px;
	letter-spacing: 1px;
	padding: 0;
}

h2 {
	font-size: 14px;
	color: black;
	margin: 30px 185px 10px 0;
	font-family: "times new roman";
	word-spacing: 2px;
	letter-spacing: 1px;
	padding: 0 0 2px 0;
	text-transform: uppercase;
	color: #94080B;
	border-bottom: black solid 1px;
}

.alert {
	color: red;
}

.first {
	margin-top: 0;
}

.black {
	color: black;
	margin-bottom: 3px;
	font-size: 12px;
}

a:link, a:visited, a:active {
	font-weight: bold;
	color: #94080B;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: underline;
}

ul, li {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

form {
	margin: 0;
	text-align: left;
	padding: 0;
}

input, textarea {
	border: 1px solid #E0E1E1;
	font-size: 12px;
	color: #666769;
	font-family: Helvetica, Arial, Trebuchet, Sans-Serif;
	width: 130px;
	background: #F4F4F3;
}

#contact input, #contact textarea {
	background: white;
	width: 220px;
	margin: 2px 0 2px 0;
	padding: 0; 
}

#contact {
	margin-bottom: 50px;
}

.submit {
	float: left;
	width: 192px;
	margin: 5px 10px 0 0;
	color: white;
	background: #94080B;
}

#contact .submit {
	float: left;
	width: 192px;
	margin: 5px 10px 0 0;
	color: white;
	background: #94080B;
}

#contact label {
	width: 170px;	
	float: left;
	margin: 2px 0 2px 0;
}


#contact select {
	background: white;
	display: block;
	width: 170px;
	font-size: 11px;
	color: #666769;
	font-family: Helvetica, Arial, Trebuchet, Sans-Serif;
	margin-bottom: 5px;
}

#contact .radio {
	background:  #F4F4F3;
	display: inline;
	width: 15px;
	margin: 0 3px 0 5px 0;
}

.showverylong {
	display: block;
	position: absolute;
	top: 193px;
	left: 185px;
	background: url('images/fond_spread.jpg') white bottom no-repeat;
	width: 394px;
	height: auto;
}

.showlong {
	display: block;
	position: absolute;
	top: 193px;
	left: 185px;
	background: url('images/fond_spread.jpg') white bottom no-repeat;
	width: 394px;
	height: 159px;
}

.showshort {
	display: block;
	position: absolute;
	top: 193px;
	left: 185px;
	background: url('images/fond_spread_sh.jpg') white bottom no-repeat;
	width: 197px;
	height: 159px;
}

.hide {
	display: none;
}

#spreadtitle {
	padding: 0;
	margin: 5px 13px 0 15px;
}

.spreadhalf1 {
	width: 197px;
	float: left;
	padding: 0;
}

.spreadhalf2 {
	width: 394px;
	float: left;
	padding: 0;
}

#menuspread {
	font-weight: bold;
	color: black;
	letter-spacing: 0;
}

#menuspread a:link, #menuspread a:visited, #menuspread a:active {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#menuspread a:hover {
	color: #94080B;
	text-decoration: underline;
}

#menuspread table {
	height: 141px;
	width: 100%;
	padding: 13px 0 15px 0;
}

#menuspread ul {
	margin: 0 13px 0 0;
	text-align: right;
}

#menuspread li {
	list-style: none;
	padding: 0 8px 0 8px;
	line-height: 12px;
	background: url('images/sep.gif') transparent top right repeat-y;
	border-top: white 4px solid;
}

.okbutton {
	vertical-align: middle;
	padding: 5px 0 10px 2px;
	margin: 0;
	width: 19px;
	height: 12px;
	border: none;
	background: transparent;
}

.radio {
	border: 0;
	background: transparent;
	width: 15px;
	vertical-align: middle;
}

.hr {
  margin: 12px 0 0 0;
  padding: 0;
  height: 17px;
  background: transparent url('images/hr.gif') repeat-x;
  display: block;
}

.hr_child {
  margin: 8px 0 0 0;
  padding: 0;
  height: 17px;
  background: transparent url('images/hr.gif') center repeat-x;
}


#mainbloc {
	margin: 0;
	padding: 0;
	height: auto;
	clear: both;
	width: 100%;
}

#leftcol {
	width: 185px;
	float: left;
}

#rightcol {
	width: 185px;
	float: right;
}

#maincol {
	width: auto;
	padding: 0;
	margin: 0 0 0 185px;
}

#footer {
	background: black;
	color: white;
	clear: both;
	padding: 18px 18px;
	font-size: 11px;
	font-family: "arial narrow", arial, "ms trebuchet";
}

#footer a:link, #footer a:visited, #footer a:active {
	font-weight: normal;
	color: #FAD1D2;
	text-decoration: none;
}

#footer a:hover {
	color: #C90D11;
}

#credits {
	float: right;
	text-align: right;
}

#plan {
	width: 100%;
	text-align: center;
}

#submenu {
	height: 19px;
	background: url('images/fond_submenu.gif') #CECED2 right repeat-y;
	margin-left: 20px;
	padding: 3px 13px 0 0;
	text-align: right;
}

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

#submenu li {
	padding: 0 0 0 5px;
	margin: 0;
	display: inline;
}

#langues {
	height: 22px;
	margin-left: 15px;
	background: url('images/fond_lg.jpg') white top right repeat-y;
	text-align: right;
	padding: 0 13px 0 0;
}

#langues a:link, #langues a:visited, #langues a:active {
	font-weight: normal;
	color: white;
	text-decoration: none;
}

#langues a:hover {
	color: #FAD1D2;
}

#topcontent1 {
	height: 171px;
	margin-left: 15px;
	background: url('images/fond_0.jpg') white top right no-repeat;
}

.topsquare {
	font-family: georgia;
	color: black;
	font-size: 18px;
	letter-spacing: -1px;
	width: 185px;
	float: right;
}

#tb_comptences {
	height: 171px;
	width: 185px;
}

#td_competences {
	width: 185px;
}

#competences {
	margin: 19px 17px 0 17px;
	padding: 0;
}

#competences li {
	height: 46px;
	list-style: none;
	text-align: left;
}

#btitre {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-family: "Times New Roman", georgia;
	padding: 13px;
	color: black;
}

#topcontent2 {
	height: 119px;
	margin-left: 15px;
	background: url('images/fond_0_bis.jpg') #FCFCFE top right no-repeat;
}

#tb_intro {
	height: 118px;
	float: right;
}

#baseline {
	font-size: 30px;
	font-family: "Times New Roman", georgia;
	color: black;
	line-height: 26px;
	position: absolute;
	top: 85px;
	left: 200px;
	background: white;
	padding: 12px 12px 12px 10px;
}

#intro {
	text-align: right;
	height: 118px;
	vertical-align: middle;
	padding: 0 17px 0 0;
	color: black;
	font-family:  "Times New Roman", georgia, "Arial narrow",;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 19px;
}

#logo {
	padding: 0;
	margin: 0;
	background: url('images/fond_logo.gif') white;
	background-repeat: no-repeat;
	background-position: bottom;
}

#logo_img {
	margin: 0;
	padding: 36px 15px 20px 15px;
}

#menu {
	padding: 0;
	margin: 0;
	background: url('images/fond_menu.jpg') no-repeat;
	height: 161px;
}

#menulist {
	margin: 0;
	padding: 0 0 14px 0;
	text-align: right;
	width: 161px;
}

#menulist li {
	display: inline;
	margin: 0 0;
	padding: 0 0 0 0;
	list-style: none;
	line-height: 0;
	height: 0;
}

#menulist li a {

}

#leftcontent {
	padding: 0 13px 20px 13px;
	background: white;
}

#leftcontent li, #leftcontent li {
	color: #AFAFB5;
	list-style: none;
	padding: 0 8px 0 0;
	margin: 0;
	line-height: 12px;
	border-top: white 6px solid;
	letter-spacing: 0;
	text-align: right;
	background: url('images/sep.gif') transparent top right repeat-y;
}

#leftcontent a:link, #leftcontent a:visited, #leftcontent a:active {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#leftcontent a:hover {
	color: #94080B;
	text-decoration: underline;
}

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

.redtitle {
	width: auto;
	height: 17px;
	background: url('images/fond_titre.gif') transparent bottom;
	background-repeat: repeat-x;
	margin: 0 0 8px 0;
	padding: 0;
}

#news_options {
	text-align: right;
	margin: 0 24px 0 0;
}

#maincontent {
	
}

#content {
	padding: 18px 13px 18px 13px;
	width: auto;
}

#content p {
	margin: 0 0 13px 0;
	padding: 0;
}

#content ul {
	margin: 5px 5px;
}

#content li {
	padding-left: 5px;
	margin-left: 20px;
}

.col_half {
	float: right;
	width: 166px;
	padding: 0 13px 0 13px;
	background: url('images/sep.gif') #F6F6F6 top left repeat-y;
	margin: 0 0 13px 0;
	border-left: 13px #F6F6F6 solid;
}


.pave {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	height: auto;
	border-bottom: white 1px solid;
}

a.website {
	width: auto;
	float: right;
	background: url('images/url.gif') transparent right center no-repeat;
	margin: 0;
	text-align: right;
	padding: 0 13px 0 0;
	height: 100%;
	display: block;
}

a.lire {
	width: auto;
	float: right;
	background: url('images/fleche.gif') transparent right center no-repeat;
	margin: 0;
	text-align: right;
	padding: 0 13px 0 0;
	height: 100%;
	display: block;
}

a.download {
	width: auto;
	float: right;
	background: url('images/fleche_down.gif') transparent right center no-repeat;
	margin: 0;
	text-align: right;
	padding: 0 13px 0 0;
	height: 100%;
	display: block;
}

ul.download {
	background: url('images/fleche_down.gif') transparent left center no-repeat;
	list-style: none;
	width: auto;
	margin: 0 0;
	padding: 0 0;
	
}

.print {
	background: url('images/print.gif') transparent left center no-repeat;
	margin: 0;
	padding: 0 0 10px 0;
}

.print li {
	list-style: none;
}


.website {
	background: url('images/url.gif') transparent left center no-repeat;
	list-style: none;
	width: auto;
	margin: 0 0;
	padding: 0 0;
	
}

.website li {

}

.lien {
	width: auto;
	text-align: right;
	height: auto;
	margin: 0 0 10px 0;
	list-style: none;
	display: block;
	height: 100%;
}

.clearboth {
	clear: both;
}

.clearright {
	clear: right;
}

.clearleft {
	clear: left;
}

#path img {
	vertical-align: bottom;
}

#menuchild {
	float: right;
	width: 206px;
	padding: 23px 0 0 0;
	background: url('images/fond_child.gif') #FBFBFD top left no-repeat;
	margin: 0;
}

#child_title {
	border-left: 13px white solid #FBFBFD;
}

#child_title2 {
	border-left: 13px white solid #FBFBFD;
}

.fl_right {
	float: right;
}

#menuchild ul {
	margin: 0;
	padding: 0 23px 0 13px;
}

#menuchild li {
	color: #AFAFB5;
	list-style: none;
	padding: 0 8px 0 0;
	margin: 0;
	line-height: 12px;
	background: url('images/sep.gif') transparent top right repeat-y;
	border-top: #FBFBFD 6px solid;
	letter-spacing: 0;
	text-align: right;
}

#menuchild a:link, #menuchild a:visited, #menuchild a:active {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#menuchild a:hover {
	color: #94080B;
	text-decoration: underline;
}

#qui_spread {
	position: absolute;
	top: 2px;
	left: -185px;
	z-index: 100;
}

ol.letterlist {
	list-style-type: lower-alpha;
}










.datatable table {
	padding: 0;
	border-spacing: 0;
	width: 100%;
}

.datatable td {
	border-bottom: 1px solid  #CECED2;
	padding: 8px 8px;
	text-align: left;
	background: white;
}

.datatable img {
	vertical-align: middle;
	margin-right: 5px;
}

.datatable th {
	border-bottom: 2px solid  #CECED2;
	padding: 15px 8px 8px 8px;
	text-align: left;
	font-weight: normal;
	color: black;
	vertical-align: top;
}

th.th_left {
	border-bottom: 1px solid  black;
	padding: 8px;
	text-align: left;
}

.vision {
	float: right;
	margin: 0 15px 5px 5px;
	border: 1px solid #DCDEDF;
}

.vision:hover {
	border: 1px solid black;
}

.revuedepresse {
	text-align: left;
}