* {margin:0; padding:0; outline:0}
body {font:12px Verdana,Arial; background:#bbb}
h1 {font:26px Georgia,Verdana}
p {line-height:1.4; margin-top:10px}

#wrapper {width:460px; height:200px; margin:40px auto; background:#AEEE0; border-top:4px solid #eee; border-left:4px solid #eee; padding:20px}
#scroll {position:relative; width:480px; height:200px; overflow:auto}
#scrollcontent {position:absolute; width:460px; z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:200px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}
* { margin:0; padding:0;}
body { background:url(images/main_bg.gif) repeat center top; font-size:100%; font-family:Arial; font-size:13px; line-height:1.25em; color:#cbcbcb; text-align:center}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#cbcbcb; font-size:12px; background:none; border:solid 1px #434646; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
ul.list_1 li { line-height:1.25em; background:url(images/marker_list.gif) no-repeat 0 3px; padding-left:16px; margin-bottom:22px; margin-left:5px}
ul.list_1 li a{text-decoration:underline; color:#8fc400}
ul.list_1 li a:hover{ text-decoration:none}

ul.list_2 li { line-height:1.83em; color:#fff; font-size:13px;}
ul.list_2 li a{text-decoration:none; color:#fff}
ul.list_2 li a:hover{ text-decoration:none ; color:#ff430f}

ul.list_3 li { line-height:1.83em; color:#fff; font-size:13px;}
ul.list_3 li a{text-decoration:none; color:#fff}
ul.list_3 li a:hover{ text-decoration:none; color:#f8bc25}

ul.list_4 li { line-height:1.83em; color:#fff; font-size:13px;}
ul.list_4 li a{text-decoration:none; color:#fff}
ul.list_4 li a:hover{ text-decoration:none; color:#8d3371}
/*==========================================*/

a {text-decoration:underline; color:#aaaaaa}
a:hover {text-decoration:none}

a.link_1 {text-decoration:none; color:#f00036; font-weight:normal}
a.link_1:hover {text-decoration:none}

a.link_2 {text-decoration:none; color:#f8bc25; font-weight:normal}
a.link_2:hover {text-decoration:none; color:#fff}

a.link_3 {text-decoration:none; color:#f8bc25; font-weight:normal}
a.link_3:hover {text-decoration:none}

a.link_4 {text-decoration:underline; color:#00a7e3; font-weight:normal}
a.link_4:hover {text-decoration:none}

a.link_5 {text-decoration:underline; color:#8fc400; font-weight:normal}
a.link_5:hover {text-decoration:none}

a.link_6 {text-decoration:underline; color:#00c2de; font-weight:bold}
a.link_6:hover {text-decoration:none}

a.management {text-decoration:none; color:#CBCBCB; font-weight:bold}
a.management:hover {color:#ff430f}

a.indiv {text-decoration:none; color:#CBCBCB; font-weight:bold}
a.indiv:hover {color:#f8bc25}

a.rh {text-decoration:none; color:#CBCBCB; font-weight:bold}
a.rh:hover {color:#8d3371}


.font_3 {color:#fff; font-size:13px;}
.font_5 {color:#fff; font-size:14px;}

.clear { clear:both;}

p {margin:0 0 15px 0; font-size:13px;}
.p1 {margin-bottom:30px}
.p2 {margin-bottom:29px}
h2 { color:#fff; margin-bottom:10px; font-size: 14px;}
h3 { color:#CBCBCB; margin-bottom:10px; font-size: 13px;}

/*header*/
#header { height:501px}
#menu { height:180px}
.flash {position:absolute; margin:0 -26px 0 -26px}


/*content*/
#content {}
.title {margin-bottom:33px}
.title2 {margin-bottom:29px}
.title3 {margin-bottom:25px}
.title1 {margin-bottom:5px}
.img_left {float:left; margin:-3px 16px 26px 0; width:58px; height:58px}
.img_mini {float:left; margin: 0px 5px 0px 0; width:30px; height:30px}
.img_telecharger {float:left; margin: 0px 5px 0px 0; width:20px; height:20px}

.img_calendrier {float:left; margin: 0px 5px 0px 0; width:30px; height:30px}

.img_left2 {float:left; margin:0 10px 10px 0}
.img_left3 {float:left; margin:0 18px 23px 0}
.img_left4 {float:left; margin:0 15px 16px 0; width:66px; height:66px}
.img_left5 {float:left; margin:0 10px 10px 0; width:71px; height:71px}

.img {margin-bottom:20px}

/*blocks*/
#phases { background: url(images/bg_phase.png) repeat-x; width:400px; height: auto; float:left; padding: 5px 5px 5px 5px; margin: 5px 0px 10px 0px }


/*footer*/
#footer_main {background:url(images/footer_bg.gif) repeat-x bottom #fff; color:#212121}
#footer {height:50px; clear:both; padding-top:10px;}
#footer a {color:#00c2de; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer .indent {padding:15px 0 0 10px}
.logos {float:right; margin: 5px 3 3 10px}

/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:30px 50px 50px 10px}
#page1 #content .col_2 .indent { padding:30px 46px 50px 0}
#page1 #content .col_3 .indent { padding:30px 10px 50px 0}
/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:10px 40px 20px 10px}
#page2 #content .col_2 .indent { padding:10px 40px 20px 0}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:10px 45px 20px 10px}
#page3 #content .col_2 .indent { padding:10px 45px 20px 0}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:10px 20px 20px 10px}
#page4 #content .col_2 .indent { padding:10px 45px 20px 0}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:10px 45px 20px 10px;}
#page5 #content .col_2 .indent { padding:10px 45px 20px 0}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:10px 45px 20px 10px;}
#page6 #content .col_2 .indent { padding:10px 45px 20px 0; margin-top:30px;}

/*================== index-6.html ==================*/
#page7 #content .col_1 .indent { padding:10px 20px 20px 10px}
#page7 #content .col_2 .indent { padding:10px 46px 20px 0}
#page7 #content .col_3 .indent { padding:10px 10px 20px 20px}
#page7 #content .col_4 .indent { position:relative; margin:0 -345px 0 -345px}


/*================== index-7.html ==================*/
#page8 #content .indent { padding:10px 45px 75px 10px}

.phones {float:right; margin:0 74px 0 0}
input {width:255px; height:20px}
.div_input {height:30px}
textarea {width:255px; height:139px; overflow:auto; margin-bottom:21px; display:block}
.div_links {text-align:center; color:#AEEE00; word-spacing:10px}