@charset "utf-8";
/********** hack png ie6 **********/
img, div {
	behavior: url(../iepngfix.htc);
}
/********** Partie commune à toutes les pages **********/
* {
	margin:0;
	padding:0;
	border:0;
	outline:none;

}
body  {
   	font-family:Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:150%;
   	background:url(../im_gen/body-background.jpg) left 10px repeat-x;
   	color:#333;
	padding:10px 0;
}
img {
	display:block;
}
object {
	outline:none;
} 

a:hover img {
	opacity:0.7;
}
h1 {
	padding:6px 0 12px 0;
   	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#E3003D;
}
h2 {
	padding:6px 0 10px 0;
   	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#E3003D;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
   	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.color_gris {
	color:#888;
}
a, a:link, a:active, a:visited  {
	color:#E3003D;
	text-decoration:none;
}
a:hover {
	color:#FF226F;
}
.suite {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	text-align:right;
}
li {
	list-style:none;
}
.width480 {
	width:480px;
}
.width210 {
	width:210px;
}
.width190 {
	width:190px;
}
.width240 {
	width:240px;
}
.width90 {
	width:90px;
}
.width80 {
	width:80px;
}
.important {
	color:#4F90C8;
	font-weight:bold;
}
/********** Header **********/
#header {
	width:950px;
	height:150px;
	margin:auto;
	background:url(../im_gen/header.jpg) right top no-repeat;
}
#header img {
	float:left;
}
#header p {
	padding:120px 18px 0 0;
	text-align:right;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#header a, #header a:link, #header a:active, #header a:visited  {
	color:#D3E3F1;
}
#header a:hover {
	color:white;
}
#form1 label {
	color:#000;
}
input {
	background:#4F90C8;
	border:1px solid white;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px 2px;
}
/********** Container1 **********/
#container1 {
	width:970px;
	margin:auto;
	background:url(../im_gen/ombre_page.png) repeat-y;
}
/********** Container2 **********/
#container2 {
	width:950px;
	margin:0 10px;
	/*background:url(../im_gen/reflet.jpg) no-repeat;*/
}
/********** Menu **********/
#menu ul {
	padding-right:10px;
	text-align:right;
}
#menu li {
   	font-size:12px;
	display:inline;
	line-height:32px;
	padding:0 8px 0 15px;
	background:url(../im_gen/picto_menu.gif) left center no-repeat;
}
#menu .li_first {
	background:none;
}
#menu a, #menu a:link, #menu a:active, #menu a:visited  {
	color:#646567;
}
#menu a:hover {
	color:#646567;
}
/********** Sidebar **********/
#sidebar {
	width:160px;
	padding:10px 20px;
	float:left;
}
#sidebar ul {
	margin-bottom:20px;
}
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited  {
	color:#646567;
}
#sidebar a:hover {
	color:#87888A;
}
#sidebar li:before {
	content:"> ";
}
.col2 .rouge h2, .col2 .rouge p, .col2 .rouge p a {
	color:white;
}
#sidebar .rouge .titre_box {
	color:white;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	text-align:center;
}
#sidebar .rouge img {
	padding:5px 10px;
	display:block;
}
#sidebar .bleu_degrade .titre_box {
	color:#646567;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	padding:6px 10px 10px 10px;
}
#reseau #sidebar h1 {
	color:#4F90C8;
	font-size:18px;
}
/********** Main Reseau **********/
#reseau #main {
	width:750px;
	float:left;
	padding-bottom:20px;
}
#filet p {
	padding:10px 0 2px 0;
	margin:0 20px 15px 0;
	border-bottom:1px solid #BBBBBB;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#filet a, #filet a:link, #filet a:active, #filet a:visited  {
	color:#999999;
}
#filet a:hover {
	color:#6E6E6E;
}
#reseau #main img.logofiliale {
	text-align:center;
	margin:0 auto;
}
#reseau #main a.blinkit,
#reseau #main a.blinkit:link,
#reseau #main a.blinkit:active,
#reseau #main a.blinkit:visited {
	text-decoration:blink;
}
#reseau .titre_intro {
	padding:15px 0 5px 0;
	font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:20px;
	color:#4F90C8;
}
#reseau .intro {
	padding:15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	line-height:120%;
}
#reseau .titre_liste {
	padding:10px 0;
	font-weight:bold;
	color:#E3003D;
}
#reseau #main li {
	margin-left:20px;
}
#reseau #main li:before {
	content:"* ";
	margin-left:-12px;
}
#reseau #main .col {
	float:left;
	padding-right:10px;
}
.col.width190 p {
	font-size:12px;
	color:#87888A;
}
#reseau #main .img_float {
	padding:0 10px 5px 0;
	float:left;
}
/********** Main Accueil **********/
#accueil #main {
	width:850px;
	padding:15px 50px 20px 50px;
}
#accueil #main .intro {
   	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#4F90C8;
	padding:5px 0 15px 0;
}
#accueil .col1 {
	width:420px;
	float:left;
	padding-right:12px;
}
#accueil .col1 li a {
	color:#333;
}
#accueil .col2 {
	width:270px;
	float:left;
	padding-top:20px;
}
#accueil .col3 {
	width:135px;
	float:left;
	margin:20px 12px 0 0;
}
/********** Main Actus, Nous, recrutement, contact **********/
#actus #main,
#nous #main,
#recrutement #main,
#contact #main {
	width:890px;
	padding:20px 20px 30px 40px;
}
#actus #main p,
#nous #main p,
#recrutement #main p  {
	padding:8px 0 4px 0;
}
#actus .col1,
#nous .col1,
#recrutement .col1 {
	width:300px;
	float:left;
	padding:10px 40px 0 0;
}
#actus .col2,
#nous .col2,
#recrutement .col2 {
	width:530px;
	float:left;
}
#actus #main li,
#nous #main li,
#recrutement #main li {
	list-style:disc inside;
	padding-left:20px;
}
#actus #main ul li img {
	margin:5px 8px 5px 0;
}
#actus #main .rule {
	clear:both;
	width:100%;
	height:2px;
	border-bottom:1px solid #DDDDDD;
}

/********** recrutement **********/
#main table {
	margin-top:10px;
	border-collapse:collapse;
	border:1px solid #C6C6C6;
}
#main table td {
	padding:6px;
	text-align:left;
}
#main table .td1 {
	width:300px;
	font-weight:bold;
}
#main table .td2 {
	width:90px;
}
#main table .td22 {
	width:190px;
}
#main table .td3 {
	width:130px;
}
#main table .td4 {
	width:100px;
}
#main table .gris td {
	background-color:#E6E6E6;
}
#main table .titre td {
	background-color:#4F90C8;
	color:white;
	font-weight:bold;
}
/********** Main Reference **********/
#reseau #main_int {
	padding-right:20px;
}
#reseau #main_int table {
	width:100%;
}
/********** Main Contact **********/
#contact h2, #reseau h2 {
	color:#4F90C8;
	padding-top:20px;
}
#contact .agence, #reseau .agence {
	width:260px;
	float:left;
	padding:0 30px 0 0;
}
/********** Main Implementation **********/
#reseau .agence {
	width:210px;
}
/********** Box **********/
.box {
	margin-bottom:10px;
}
.box p {
	padding:0 10px 10px 10px;
}
.box p, .box li {
	color:#333333;
}
.col3 p {
	color:#87888A;
}
.col2 .box img {
	padding:0 10px 10px 10px;
	float:right;
}
.bleu_degrade {
	background:url(../im_gen/bleu_degrade.gif) repeat-x;
}
.rouge_degrade {
	background:url(../im_gen/rouge_degrade.gif) repeat-x;
	min-height:234px;
}
.rouge {
	background:#E3003D;
}
.bleu {
	background:#E5EEF7;
}
.blanc {
	border:1px solid #CCCCCC;
}
.top_left, .top_right, .bottom_left, .bottom_right {
	width:6px;
	height:6px;
	float:left;
	position:relative;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}
.col1 .top_right {
	left:408px;
}
.col2 .top_right, .col2 .bottom_right {
	left:258px;
}
.col3 .top_right {
	left:128px;
}
.blanc > .top_left {
	left:-1px;
	top:-1px;
}
.blanc > .top_right {
	left:227px;
	top:-1px;
}
.blanc > .bottom_left {
	left:-1px;
	top:1px;
}
.blanc > .bottom_right {
	left:227px;
	top:1px;
}
.bleu .top_right {
	left:78px;
}
.bleu .bottom_right {
	left:78px;
}
#sidebar .top_right, #sidebar .bottom_right {
	left:148px;
}
.bleu_degrade .top_left {
	background:url(../im_gen/bleu_tl.gif) 0 0 no-repeat;
}
.bleu_degrade .top_right {
	background:url(../im_gen/bleu_tr.gif) 0 0 no-repeat;
}
.rouge_degrade .top_left {
	background:url(../im_gen/rouge_tl.gif) 0 0 no-repeat;
}
.rouge_degrade .top_right {
	background:url(../im_gen/rouge_tr.gif) 0 0 no-repeat;
}
.rouge .top_left, .rouge .top_right, .rouge .bottom_left, .rouge .bottom_right {
	background:url(../im_gen/bord_rouge.gif) no-repeat;
}
.blanc .top_left, .blanc .top_right, .blanc .bottom_left, .blanc .bottom_right {
	background:url(../im_gen/bord_gris.gif) no-repeat;
}
.bleu .top_left, .bleu .top_right, .bleu .bottom_left, .bleu .bottom_right {
	background:url(../im_gen/bord_bleu.gif) no-repeat;
}
.rouge .top_left, .blanc .top_left {
	background-position:0 0;
}
.rouge .top_right, .blanc .top_right {
	background-position:-6px 0;
}
.rouge .bottom_left, .blanc .bottom_left {
	background-position:0 -6px;
}
.rouge .bottom_right, .blanc .bottom_right {
	background-position:-6px -6px;
}
#reseau #main .blanc .titre_box {
	padding:2px 10px 10px 10px;
   	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#E3003D;
}
.box h2 {
	padding:0 10px 10px 10px;
}
.col3 h2 {
	padding:0 10px;
	margin-top:-150px;
}
.col1 li {
	padding:0 10px 6px 30px;
	background:url(../im_gen/puce.gif) 10px 2px no-repeat;
}
.blanc img {
	float:left;
	padding:5px 10px;
}
.blanc .box {
	float:left;
	margin-left:10px;
}
#main .blanc p {
	padding:8px 10px 4px 10px;
	font-size:10px;
	line-height:110%;
	color:#4F90C8;
}
#main .blanc a {
	color:#4F90C8;
}
#main .blanc a:hover {
	text-decoration:underline;
}
/********** Focus **********/
h3 {
   	font-family:Helvetica, Georgia, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:white;
	padding-left:15px;
	line-height:22px;
	background:url(../im_gen/h3-background.jpg) repeat-x;
}
.focus {
	width:860px;
	padding:6px 40px 30px 50px;
	background:url(../im_gen/int_degrade.gif) repeat-x;
}
.focus .col {
	width:420px;
	float:left;
	padding-right:10px;
}
.focus div p {
	padding:8px 0 0 53px;
}
.focus div .picto {
	float:left;
	padding-top:10px;
}
/********** Footer **********/
#footer {
	width:970px;
	height:20px;
	line-height:20px;
	margin:auto;
	background:url(../im_gen/footer.png) no-repeat;
}
#footer p {
	font-size:10px;
	text-align:center;
	color:#777777;
}
/********** Pop-up **********/
body#pop {
   	background-position:center top;
}
body#pop img {
   	padding-top:40px;
}
#pop #container {
	width:510px;
	padding:20px;
	margin:auto;
	background:white;
}
#pop #container h1 {
	padding:40px 20px 30px 20px;
}
#pop #container p {
	padding:0 20px 10px 20px;
}
#pop #footer {
	width:550px;
	background:#DDDDDD;
}