/* CSS Document */

html, body { background:#dddddd; margin:0; padding:0; height:100%; }
html, body, input, textarea { font-family:arial; font-size:14px; color:#ffffff; line-height:16px; }	

img{ border:0px; }
p { margin:0 0 15px 0; padding:0; line-height:16px; font-size:14px; text-align:justify; }
a { margin:0; padding:0; text-decoration:underline; color:#FFFFFF; }
a:hover { text-decoration:none; }

.main1{ text-align:center; width:100%; }
.main2{ margin:0 auto 0 auto; text-align:left; width:1000px; }
.main { background:#FFFFFF; }

.borderl { background:url(images/bord_l.png) repeat-y; width: 20px; }
.borderr { background:url(images/bord_r.png) repeat-y; width: 20px; }


/*------------ INSERTION ------------*/

/*-- header--*/
#header { height:270px; margin:0; padding:0; text-align:center; background:url(images/bg_top.gif) repeat-x bottom #FFFFFF; }
#header { font-size:16px; color:#000000; letter-spacing:5px; }

/*-- titres--*/
#titre { height:90px; margin:0; padding:0 0 0 10px; background:url(images/bg_titre.gif) repeat-x top #80090c; }
#titre .s1 { float:left; margin:0 0 0 25px; width:600px; height:80px; }
#titre .s2 { float:right; margin:0; width:306px; height:80px; }

/*-- footer --*/
#footer { height:30px; margin:0; padding:20px 30px 0px 30px; background:url(images/bg_foot.gif) repeat-x top #9e1d21; color:#000000; }
#footer a { font-size:11px; color:#000000; text-decoration:none; }
#footer a:hover { text-decoration:underline; }



/*------------ CONTENU ------------*/
#content { background:url(images/bg.gif) repeat-x top #9e1d21; padding:30px 60px 60px 60px; }

.column, .column1, .column2, .column3, .column4 { float:left; }
.col1, .col2, .col3 { float:left; }
.clear { clear:both;}

.titre { font-weight:bold; font-size:16px; padding-top:10px; background:url(images/puce0.png) no-repeat; margin-bottom:25px;}
.titre span  { display:block; width:19px; height:17px; margin-right:2px; float:left; text-align:right; color:#CC0000; }
.img_indent { }

ul { margin:0; text-indent:0px; padding:0; list-style: none none inside; white-space: normal; }
ul li {	margin-bottom:10px; font-weight:normal; text-indent:0; }

.x_t { height:10px; background:url(images/x.gif) repeat-x top; }
.x_b { height:10px; background:url(images/x.gif) repeat-x bottom; }
.x_l { width:10px; background:url(images/x.gif) repeat-y left; }
.x_r { width:10px; background:url(images/x.gif) repeat-y right; }
.x_tl { height:10px; width:10px; background:url(images/x_tl.png) no-repeat left top; }
.x_tr { height:10px; width:10px; background:url(images/x_tr.png) no-repeat right top; }
.x_bl { height:10px; width:10px; background:url(images/x_bl.png) no-repeat left bottom; }
.x_br { height:10px; width:10px; background:url(images/x_br.png) no-repeat left bottom; }

.y_t { height:10px; background:url(images/encart_t.png) repeat-x top; }
.y_b { height:10px; background:url(images/encart_b.png) repeat-x bottom; }
.y_l { width:10px; background:url(images/encart_l.png) left top #dddddd; }
.y_r { width:10px; background:url(images/encart_r.png) right top #dddddd; }
.y_tl { height:10px; width:10px; background:url(images/encart_tl.png) no-repeat left top; }
.y_tr { height:10px; width:10px; background:url(images/encart_tr.png) no-repeat right top; }
.y_bl { height:10px; width:10px; background:url(images/encart_bl.png) no-repeat left bottom; }
.y_br { height:10px; width:10px; background:url(images/encart_br.png) no-repeat left bottom; }

.y_in { height:194px; background:url(images/encart_in.png) repeat-x top #dddddd; }

/*-- page intro --*/
#page0 { overflow:hidden; }
#page0 .main { text-align:center; padding:50px 0 1000px 0; background:url(images/bg_intro.gif) repeat-x top #FFFFFF; }
#page0 .line_foot { font-size:11px;  height:1px; background:#80090c; margin:300px auto 5px auto; }
#page0 .main, #page0 .main a { font-size:11px; color:#000000; text-decoration:none; }
#page0 .main a:hover { text-decoration:underline; }


/*-- page accueil --*/
#page1 #content { padding:0; }
#page1 .content1 { background:url(images/index_bg.jpg) no-repeat 50px top; padding:30px 60px 60px 60px; }
#page1 .column1 { width:240px; margin-right:30px; text-align:right; }
#page1 .column1 .img_indent { margin:0 0 15px 0; }
#page1 .column1 p { text-align:right; font-weight:bold; }

#page1 .column2 { width:450px; margin-right:30px; }
#page1 .column2 .p1 { margin-top:45px; }
#page1 .column2 .p2 { margin-bottom:20px; }
#page1 .column2 .p3 { text-align:right; margin-bottom:0px;  }


/*-- page attentes --*/
#page2 .column1 { width:390px; margin-right:60px; }
#page2 .column1 .img_indent { margin-top:20px; }
#page2 .column2 { width:390px; padding-top:100px; }
#page2 .column2 .img_indent { margin-bottom:30px; }
#page2 .ul1 { font-weight:bold; font-size:14px; }
#page2 .ul1 li { list-style: url(images/puce1.png); margin-top:10px; font-weight:normal; text-align:justify; font-size:14px; }


/*-- page competences --*/
#page3 .column1 { width:500px; margin-right:60px; }
#page3 .column1 .ul1 { font-weight:bold; }
#page3 .column1 .ul1 li { list-style:url(images/puce1.png) inside; margin-top:0px; font-weight:normal; text-align:justify; float:none; }
#page3 .column1 .ul2 { display:block; float:left; width:200px; margin-top:0px;  }
#page3 .column1 .ul3 { width:270px; }
#page3 .column1 .ul2 li { text-indent:30px; list-style:url(images/puce2.png) inside; margin:0; padding:0; font-weight:normal; }

#page3 .column2 { width:240px; height:235px; margin-top:50px; padding:20px; background:url(images/encart.png) no-repeat center; }
#page3 .column2 .y_in { padding:10px; }
#page3 .column2 .p1 { color:#666666; margin-bottom:20px; }
#page3 .column2 .p2 { display:block; text-align:center; font-weight:bold; margin-bottom:20px; color:#CC0000; }
#page3 .column2 .p3 { display:block; text-align:center; margin:30px 0 0 0; }
#page3 .column2 .button { width:200px; text-align:center; color:#CC0000; cursor:pointer;
	font-weight:bold; font-size:16px; height:40px; /*font-variant:small-caps;*/ }
#page3 .column2 .button:hover { color:#CC0000; }


/*-- page competences 2 --*/
#page3-2 .row1 .row2 .row3 { width:840px; }
#page3-2 .row1 { margin-bottom:30px; }
#page3-2 .row1 .p1 { font-weight:bold; margin-bottom:20px; float:none; margin-bottom:0 }
#page3-2 .row2 .box1, #page3-2 .row2 .box2 { float:left; width:240px; margin-right:60px; }
#page3-2 .row2 .box3 { float:left; width:240px; }
#page3-2 .row3 .box4 { float:left; width:240px; margin:0 60px 0 0 /*150px*/;}
#page3-2 .row3 .box5 { float:left; width:240px; margin:0 60px 0 0}
#page3-2 .row3 .box6 { float:left; width:240px; text-align:center; padding-top:50px; }

#page3-2 .titre span  { margin-right:15px; }


/*-- page attentes --*/
#page4 .column1 { width:520px; margin-right:40px; }
#page4 .column1 .ul1 { font-weight:bold; }
#page4 .column1 .ul1 li { list-style:url(images/puce1.png) inside; margin-top:0px; font-weight:normal; text-align:justify; float:none; }
#page4 .column1 .ul2 { display:block; float:left; width:200px; margin-top:0px;  }
#page4 .column1 .ul3 { width:270px; }
#page4 .column1 .ul2 li { text-indent:30px; list-style:url(images/puce2.png) inside; margin:0; padding:0; font-weight:normal; }

#page4 .column2 { width:240px; height:435px; margin-top:50px; padding:20px; background:url(images/encart2.png) no-repeat center; }
#page4 .column2 .y_in { padding:10px; }
#page4 .column2 .p1 { color:#666666; margin-bottom:20px; }
#page4 .column2 .p2 { display:block; text-align:center; font-weight:bold; margin-bottom:20px; color:#CC0000; }
#page4 .column2 .p3 { display:block; text-align:center; margin:30px 0 0 0; }
#page4 .column2 .p4 { color:#373737; margin-bottom:20px; }
#page4 .column2 .button { width:200px; text-align:center; color:#CC0000; cursor:pointer;
	font-weight:bold; font-size:16px; height:40px; /*font-variant:small-caps;*/ }
#page4 .column2 .button:hover { color:#CC0000; }

#page4 .risque {font-size:12px; color:#ffffff;}
#page4 .nb {font-size:12px; color:#ffffff;}

/*-- page contact --*/
#page5 .column1 { width:240px; margin-right:60px; margin-bottom:40px; }
#page5 .column1 .img_indent { margin:0 0 15px 0; display:block; }

#page5 .column2 { width:540px; margin-bottom:40px; }
#page5 .column2 .col1 { width:260px; margin-right:20px; }
#page5 .column2 .col2 { width:260px; }
#page5 .column2 .input { width:250px; height:16px; padding:1px; }
#page5 .column2 .textarea { width:250px; height:100px; padding:1px; }
#page5 .column2 .input,
#page5 .column2 .textarea { color:#000000; }
#page5 .column2 .input:hover,
#page5 .column2 .textarea:hover { color:#CC0000; }
#page5 .column2 .psubmit { text-align:right; margin:0; }
#page5 .column2 .submit {  color:#000000; padding:0 30px 0 30px; cursor:pointer; }
#page5 .column2 .submit:hover {  color:#CC0000; }

#page5 .column3 { width:840px; margin-bottom:20px; }
#page5 .column3 .col1 { width:470px; margin-right:60px; }
#page5 .column3 .col2 { width:290px; }

#page5 .column4 { width:840px;}
#page5 .column4 .col1 { width:310px; margin:10px 60px 0 0; }
#page5 .column4 .col2 { width:450px; margin:10px 0 0 0; }

.Style1 a {color: #CC0033;  text-decoration:none}
.Style1 a:hover {color: #f50541;  text-decoration:none}