* { margin:0; padding:0; }

body { background:#ffffff; }
html, input, textarea, select, div { font-family:Arial; color:#242424; font-size:12px; line-height:16px; }

#site_center { text-align:center; }
#main { width:1030px; margin:0 auto; text-align:left; background:url(images/tall_top.gif) left top repeat-x #f5f5f5; }

.border_l1 { width:20px; background:url(images/border_l1.gif) repeat-y #ffffff; }
.border_r1 { width:20px; background:url(images/border_r1.gif) repeat-y #ffffff; }

.border_l2 { width:10px; background:url(images/border_l2.gif) repeat-y #f5f5f5; vertical-align:top; }
.border_r2 { width:10px; background:url(images/border_r2.gif) repeat-y #f5f5f5; vertical-align:top; }

#header { width:990px; height:400px; vertical-align:bottom; margin:0; padding:0; line-height:0; }

#content { width:970px; margin:20px 0 20px 0; }
a:hover{ text-decoration:none; }
a {color:#e00000; font-size:12px; }

#footer { height:80px; width:970px;  vertical-align:middle; padding-left:20px; color:#686868; }
#footer { background:url(images/tall_bottom.gif) left bottom repeat-x; }
#footer a {color:#686868; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* in_line */
.clear { clear:both; height:1px; }
.fleft { float:left; }

.col_1, .col_2, .col_3 { float:left; }
.indent_left { padding:30px 30px 0 20px; }
.indent { padding:30px 30px 0 30px; }
.indent_right { padding:30px 20px 0 30px; }
.column1, .column2 { float:left; }

.col_0 { padding:30px 20px 0 20px;  }

p { margin:0 0 15px 0; padding:0; line-height:16px; font-size:12px; text-align:justify; }
.pend { margin-bottom:10px; }

h2 { height:33px; background:url(images/line2.gif) left bottom repeat-x; margin-bottom:24px; }
h3 { font-size:12px; margin-bottom:24px; font-weight:bold; color:#e00000; }

img { border:0; vertical-align:top; text-align:left; }

ul { list-style:none; text-align:justify; }
ul li {	background: url(images/puce.gif) left 3px no-repeat; text-indent: 20px; margin-bottom:10px; font-weight:normal; }
ul li a { line-height:19px; }

.title { margin:0 0 15px 0; }

.img_indent { float:left; margin:0 20px 15px 0px; }
.img_indent_right { float:right; margin:0 0 15px 20px; }

/* txt, links */
.txt1 { color:#fc8e00; }

.link1 { text-decoration:none; color:#242424; }
.link1:hover { text-decoration:underline; }

.line_hor { background:url(images/line1.gif) left bottom repeat-x; }


/* ================== index.html ================== */
#page1 #content .col_1 { width:700px; background:url(images/line1.gif) right top repeat-y; }
#page1 #content .col_1 h3 { margin-bottom:12px; }
#page1 #content .col_1 .img_indent { margin-top:5px; }
#page1 #content .col_1 .p1 { margin-bottom:30px; }

#page1 #content .col_3 { width:270px; }
#page1 #content .col_3 .rss { float:right; }
#page1 #content .col_3 .column1 { width:80px; }
#page1 #content .col_3 .column2 { width:130px; padding-top:3px; }
#page1 #content .col_3 .clear { height:5px; }
#page1 #content .col_3 .p1 { margin-bottom:35px; }

/*================== activites.html ==================*/
#page2 #content .col_1 { width:670px;  background:url(images/line1.gif) right top repeat-y; height:410px; }
#page2 #content .col_1 .indent_left { padding-top:0px; }
#page2 #content .col_1 .img_indent { margin-right:30px; }
#page2 #content .col_1 ul {  float:left; display:block; width:415px; }

#page2 #content .col_2 { width:300px;}
#page2 #content .col_2 .indent_right { padding-top:0px; }
#page2 #content .col_2 ul { padding-bottom:5px; }

/*================== carriere.html ==================*/
#page3 #content .col_1 {width:550px; height:250px; background:url(images/line1.gif) right top repeat-y; height:320px; }
#page3 #content .col_1 .indent_left { padding-top:0px; }

#page3 #content .col_2 { width:420px;}
#page3 #content .col_2 .indent_right { padding-top:0px; }

/*================== emploi.html ==================*/
#page4 #content .col_1 {width:320px; background:url(images/line1.gif) right top repeat-y; height:990px; }
#page4 #content .col_1 .indent_left { padding-top:0px; }

#page4 #content .col_2 { width:330px; background:url(images/line1.gif) right top repeat-y; height:990px; }
#page4 #content .col_2 .indent { padding-top:0px; }

#page4 #content .col_3 { width:320px; }
#page4 #content .col_3 .indent_right { padding-top:0px; }

#page4 #content .row_1 { height:145px; }
#page4 #content .more { margin-bottom:20px; }
#page4 #content .more a { background:url(images/tag_red.png) left center no-repeat; padding-left:25px; }
#page4 #content .row_2 { height:130px; background:url(images/line2.gif) left top repeat-x; padding-top:20px; }
#page4 #content .row_3 { height:145px; background:url(images/line2.gif) left top repeat-x; padding-top:20px; }
#page4 #content .row_4 { height:145px; background:url(images/line2.gif) left top repeat-x; padding-top:20px; }
#page4 #content .row_5 { height:115px; background:url(images/line2.gif) left top repeat-x; padding-top:20px; }

/*================== emploi_x.html ==================*/
#page4-1 #content .col_1 { width:250px;}
#page4-1 #content .col_1 .indent_left { padding-top:0px; }

#page4-1 #content .col_2 { width:720px;  background:url(images/line1.gif) left top repeat-y;  }
#page4-1 #content .col_2 .indent_right { padding-top:0px; min-height:310px; }
#page4-1 #content .col_2 .p1 { margin-bottom:28px; }
#page4-1 #content .col_2 ul { margin-bottom:28px; }

/*================== contact.html ==================*/
#page5 #content .col_1 { width:250px; background:url(images/line1.gif) right top repeat-y;}
#page5 #content .col_1 .img_indent { margin-right:0; }

#page5 #content .col_2 { width:700px; }
#page5 #content .col_2 .img_indent { margin-right:0; float:right; }

#page5 #content .col_2 #coord .column1 { width:220px; }
#page5 #content .col_2 #coord .column2 { width:200px; margin-top:14px; text-align:left; }
#page5 #content .col_2 #coord  h3 { margin-bottom:12px;}

#page5 #content .col_2 #formu h2 { margin-top:30px;}
#page5 #content .col_2 #formu .column1 { width:360px; }
#page5 #content .col_2 #formu .column2 { width:290px; }
#page5 #content .col_3 #formu .column2 { width:650px; }

#page5 .form { height:24px;}
#page5 .form input {background:#ffffff; width:290px; height:16px;}
#page5 input, select { vertical-align:middle; font-weight:normal; }
#page5 textarea { width:650px; height:100px; background:#ffffff; overflow:auto; border-color:#DBDBDB; }

#page5 .fright { text-align:right; margin-top:11px; }
#page5 .submit { background:none; border:none; color:#e00000; text-decoration:none; }
#page5 .submit:hover { text-decoration:underline; cursor:pointer; }

/*==================list====================*/
.but { width:65px; height:19px; padding-top:3px; background:url(images/but.gif) left top no-repeat; text-align:center; font-size:12px; color:#FFFFFF;}
.but a { color:#FFFFFF; text-decoration:none;}
.but a:hover { color:#000;}

/*==========================================*/