/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
li {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
}

body {
	font-size:100%;
	line-height:0.9em;
	text-align:center;
	background-color: #B7B7B7;
}
html, input, textarea
	{	font-family:Tahoma; 
		color:#646566;
	}
.talling{background:url(images/bg_all.gif) bottom center repeat-x #fbfbfb}	
/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
a{ color:#a02828; text-decoration:underline} 
a:hover{ text-decoration:none}
.site_space{
	padding-top: 15px;
	padding-right: 82px;
	padding-bottom: 52px;
	padding-left: 79px;
}
.clear { clear:both;}
.fright { float:right;}
.contacts_box { padding:0 30px 0 0px}
#menu a {
	display: inline;
	float: left;
	height: 26px;
	width: 136px;
	background-image: url(images/menu_b.jpg);
	background-repeat: no-repeat;
	font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
}
#menu {
	display: inline;
	float: left;
	height: 30px;
	width: 700px;
	margin-left: 28px;
	margin-top: 15px;
}
body#page1 #menu a.acc, body#page2 #menu a.back, body#page3 #menu a.ser, body#page4 #menu a.vir, body#page5 #menu a.sup {
	background-image: url(images/menu_a.jpg);
}

#logo {
	display: inline;
	float: left;
	height: 52px;
	width: 300px;
	margin-top: 17px;
	margin-left: 29px;
	margin-bottom: 8px;
}
#banniere {
	display: inline;
	float: left;
	height: 220px;
	width: 700px;
	margin-left: 26px;
}

.site_color{ background:#FFFFFF}
.bg_top{ background:url(images/bg_top.gif) top center repeat-x}
.bg_left{ background:url(images/bg_left.gif) top left repeat-y}
.bg_right{ background:url(images/bg_right.gif) top right repeat-y}
.bg_bot{ background:url(images/bg_bot.jpg) bottom center repeat-x}
.y_top_left{ background:url(images/y_top_left.gif) top left no-repeat; height:100%; width:100%}
.y_top_right{ background:url(images/y_top_right.gif) top right no-repeat; height:100%; width:100%}
.y_bot_left{ background:url(images/y_bot_left.gif) bottom left no-repeat; height:100%; width:100%}
.y_bot_right{ background:url(images/y_bot_right.gif) bottom right no-repeat; height:100%; width:100%}
/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_x{ background:url(images/line_x.gif) top left repeat-x; height:30px; margin:27px 0 0 0px}
/*----------------------------------------------------------------------------------------------------------------------------UL*/
.list{margin:0; padding:0; list-style:none; line-height:15px}
.list li{ margin:0px;}
.list li a{color:#313131; text-decoration:underline; background:url(images/bg_list.gif) center left no-repeat; padding-left:11px; font-size:0.82em; text-transform:uppercase} 
.list li a:hover { text-decoration:none; }

.list1{margin:0; padding:0; list-style:none; line-height:15px}
.list1 li{ margin:0px;}
.list1 li a{color:#313131; text-decoration:underline; background:url(images/bg_list.gif) center left no-repeat; padding-left:11px; font-size:0.75em; text-transform:uppercase} 
.list1 li a:hover { text-decoration:none; }
/*==========================================================================================================================HEADER=======*/
#header{height:357px;}
#content{ font-size:0.75em; width:100%; text-align:left; padding:0 28px 37px 28px}
#content .text{ font-size:0.92em}
#content .text2{ line-height:1.3em}
#content .title{ display:block; margin:0 0 18px 0px}
#content .pic_left{ float:left; margin:0px 21px 0px 0px}
#content p{ margin:6px 0 14px 0px}
#content .title_framework{ margin:17px 0 17px 16px;}
#content .indent_framework{ padding:0 19px 0 19px}
#content .indent_more{ margin:15px 0 19px 0px}
#content .indent_more1{ margin:13px 0 0px 0px}
#content .indent2{ padding:29px 13px 0 0px}
#content .indent{ padding:0 30px 0 0px}
#content .p1{ margin:0 0 14px 0px}

.bg_cont_top{ background:url(images/bg_cont_top.gif) top center repeat-x}
.bg_cont_left{ background:url(images/bg_cont_left.gif) top left repeat-y}
.bg_cont_right{ background:url(images/bg_cont_right.gif) top right repeat-y}
.bg_cont_bot{ background:url(images/bg_cont_bot.gif) bottom center repeat-x}
.y_cont_top_left{ background:url(images/y_cont_top_left.gif) top left no-repeat; height:100%; width:100%}
.y_cont_top_right{ background:url(images/y_cont_top_right.gif) top right no-repeat; height:100%; width:100%}
.y_cont_bot_left{ background:url(images/y_cont_bot_left.gif) bottom left no-repeat; height:100%; width:100%}
.y_cont_bot_right{ background:url(images/y_cont_bot_right.gif) bottom right no-repeat; height:100%; width:100%}
#content /*===========================================================================================================================CONTENT CLASS=======*/
 .col1  .color_one { background:#f6f6f6}
#content  .col1  .y_top_left_one { background:url(images/y_top_left_one.gif) top left no-repeat; height:100%; width:100%}
#content  .col1  .y_top_right_one { background:url(images/y_top_right_one.gif) top right no-repeat; height:100%; width:100%}
#content  .col1  .y_bot_left_one { background:url(images/y_bot_left_one.gif) bottom left no-repeat; height:100%; width:100%}
#content  .col1  .y_bot_right_one { background:url(images/y_bot_right_one.gif) bottom right no-repeat; height:100%; width:100%}
#content  .col1  .indent_ul_one { padding:8px 0 7px 16px}
#content  .col2  .position { position: absolute; margin:36px 0 0 -16px}
/*============================================================================================================================FOOTER=======*/
#footer { color:#3b3b3b; font-size:0.6875em; position:absolute; margin:9px 0 0 24px}
#footer p{ margin:3px 0 0 6px}
#footer a {color:#a53838; text-decoration:underline}  
#footer a:hover { text-decoration:none}
#footer .bg_none{ background:none!important}
#footer .list2{
	padding:0;
	list-style:none;
	line-height:15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 130px;
}
#footer .list2 li{ margin:0px; display:inline}
#footer .list2 li a{color:#626262; text-decoration:none; background:url(images/bg_list2.gif) center left no-repeat; padding-left:6px;} 
#footer .list2 li a:hover { text-decoration:underline; }
/*============================================================================================================================FORM=======*/
.h_f{ height:24px}
.h{ height:17px; width:190px; margin:0px; padding:0px}

input{
   background:none;
   border:1px solid #404040;
   font-family:Tahoma;
   color:#646566;
   font-size:1em
}
#input2{
   padding-left:0px;
   padding-top:0px;
   width:56px; height:23px;
   border:0px;
   margin:0 8px 0px 71px;
}
#input3{
   padding-left:0px;
   padding-top:0px;
   width:62px; height:23px;
   border:0px;
   
}
textarea{
   background:none;
   border:1px solid #404040;
   width:195px; height:96px;
   font-family:Tahoma;
   color:#646566;
   font-size:1em;
   margin:0 0 10px 0px;
   overflow:auto}
.img_gauche {
	float: left;
	margin-right: 15px;
}
.evidence {
	color:#a02828
}
#menu a:hover {
	background-image: url(images/menu_a.jpg);
}
.fond_rouge {
	background-color: #a02828;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
}
.fond_rouge1 {
	background-color: #F8E0E0;
	padding: 4px;
	background-image: url(images/souligne.gif);
	background-repeat: repeat-x;
}
.fond_rouge2 {
	background-color: #FDF4F4;
	padding: 4px;
	background-image: url(images/souligne.gif);
	background-repeat: repeat-x;
}
.petit {
	font-size: 0.25em;
}
.souligne {
	background-image: url(images/souligne.gif);
	background-repeat: repeat-x;
}