BODY { 
position:relative;
width:1022px;

margin-left : auto;
margin-right : auto;

/*margin-top 		: 5px; 
margin-bottom 	: 0px; 
margin-left		: 5px; 
margin-right	: 0px;*/ 

/*
scrollbar-face-color		:#629AB3;
scrollbar-highlight-color	:#629AB3;
scrollbar-3dlight-color		:#FFFFFF;
scrollbar-darkshadow-color	:white;
scrollbar-shadow-color		:#629AB3;
scrollbar-arrow-color		:white;
scrollbar-track-color		:white;
*/

} 



.CSS_TXT { 
font-family 	: Arial, Helvetica, sans-serif; 
font-size 		: 9pt; 
color 			: #515151; 
text-decoration : none; 
line-height 	: 17px;
}


.CSS_SITE_COLOR_ROUGE { color : #E10011; }
.CSS_SITE_COLOR_BLUE  { color : #515151; }


.CSS_TXT_LINK { 
font-size 		: 10pt; 
color 			: #515151; 
text-decoration : none; 
line-height 	: 17px; 
}
.CSS_TXT_LINK:hover { 
color 			: #629AB3;
} 



.CSS_PARAGRAPH_TITLE { 
font-size 		: 10pt; 
color 			: #0f4336;
font-weight 	: bold;
font-style: italic;
text-decoration : none; 
line-height 	: 11px;
margin:20px 0 20px 0;
padding-left:45px;
background:url('./images/button_paragraph.gif') no-repeat;

}


.CSS_SMALL_TXT_BLACK { 
font-family 	: Arial; 
font-size 		: 8pt; 
color 			: black; 
text-decoration : none; 
}

.CSS_TXT_BLACK_BOLD { 
font-family 		: Arial; 
font-size 			: 10pt; 
color 				: black; 
font-weight 		: bold;
text-decoration 	: none; 
line-height 		: 17px; 
}


.CSS_TEXT_CATEG { 
color				: white;
padding-left		: 10px;
font-size			: 9pt;
font-weight 		: bold;
line-height			: 17px;
} 

.CSS_TEXT_CATEG_RED { 
color				: #E10011;
padding-left		: 10px;
font-size			: 9pt;
font-weight 		: bold;
line-height			: 17px;
} 


.CSS_TIK_MORE_INFO { 
color				: #00705e;
font-size			: 10px;
font-weight			: bold;
vertical-align		: top;
line-height:12px;
} 



.CSS_LEFT_CATEGS_LINK { 
background-color	: transparent;
color 				: white; 
font-size			: 9pt;
font-weight 		: bold;
line-height			: 17px;
text-decoration 	: none;
cursor				: pointer;
} 



.CSS_LEFT_CATEGS { 
cursor			: default;
} 
.CSS_LEFT_CATEGS:hover { 
background-color 	: #b3b4b3;
} 
.CSS_LEFT_CATEGS a {
text-decoration:none;
color:#FFFFFF;
}
.CSS_LEFT_CATEGS a:hover {
color:#000000;
}

.CSS_SELECTED_CATEG { 
background-color	: #b3b4b3;
cursor				: default;
} 





.CSS_SUB_CATEG_LINK { 
color 				: #ffffff; 
font-size			: 8pt;
font-weight 		: bold;
line-height			: 17px;
text-decoration 	: none;
} 
.CSS_SUB_CATEG_LINK:hover { 
color 				: #000000;
} 

.CSS_SUB_CATEG_LINK_SELECTED { 
color 				: #ffffff;
font-size			: 8pt;
font-weight 		: bold;
line-height			: 17px;
text-decoration 	: none;
} 




/*
input[type='text'] { 
border : 1px solid #629AB3; 
} 

textarea { 
border : 1px solid #629AB3; 
} 
*/

/*Style générale*/


#site {
    background-image    : url("./images/fd_site.png");
    background-repeat   : repeat-y;
}


#header {
    height              : 186px;
}

#header #fd_header {
    
    width               : 690px;
    height              : 186px;
    float               : right;
    margin-right        : 12px;
}

#header #logo {
    float               : left;
    margin              : 35px 0 0 35px;
}

#menu {
    background-image    : url("./images/menu.jpg");
    width               : 1001px;
    height              : 31px;
    margin-left         :9px;
}

#menu .cat_menu {
    display             : inline;
    padding             : 6px 10px 6px 15px;
    position            : relative;
    top                 : 6px;
}
#menu .cat_menu:hover {
    background-image    : url("./images/menu_actif.jpg");
}

#menu .cat_menu_select {
    display             : inline;
    padding             : 6px 10px 6px 15px;
    position            : relative;
    top                 : 6px;
    background-image    : url("./images/menu_actif.jpg");
}

#menu .search_menu {
    display             : inline;
    position:absolute;
    right:20px;
    padding-top:6px;
}

#menu .form_search {
    display:inline;
}

#menu .form_search input[type='text'] {
border : 1px solid #629AB3;
vertical-align: top;
}

#menu .form_search input[type='submit'] {
border : 1px solid #629AB3;
vertical-align: top;
cursor:pointer;
height:20px;
width:30px;
}

#menu .search_menu .drapeau {
    display:inline;
    padding:0 5px 0 5px;
}

#site #body {
    margin-left         :9px;
    width               : 1000px;
    border-left         : 1px solid #cfcfcf;
    border-right        : 1px solid #cfcfcf;
}

#site #foot {
    margin-left         :9px;
    background-image    : url("./images/foot_1.jpg");
    width               : 1001px;
    height              : 18px;


}

#border_foot {
    background-image    : url("./images/foot_2.jpg");
    width               : 1001px;
    height              : 10px;
    position            : relative;
    left                : 9px;
}



/*Style de la home_page*/


#home {
    height              : 590px;
}

#home #left {

    margin              :20px 0 0 10px;
    width               : 229px;
    float               :left;
}

#home #left .left_box {
    width               : 229px;
    height              : 131px;
    margin-bottom       : 10px;
}

#home #left .left_box span {
    font-weight         : bold;
    font-size           : 11px;
    color               : #fff;
    position            : relative;
    top                 : 8px;
    left                : 8px;
}

#home #left .left_box p {
    font-size           : 11px;
    line-height         : 13px;
    width               : 112px;
    position            : relative;
    left                : 114px;
}

#home #left .left_box .next{
    background: url('./images/arrow_green.gif') no-repeat;
    line-height: 9px;
    padding-left:15px;
    font-size: 10px;
}

#home #left .left_box .next a{
    color:#248373;
}

#home #middle {
    width               : 324px;
    margin              :20px 0 0 10px;
    float               :left;
}

#home #middle #news {
    background-image    : url("./images/bloc-middle_1.jpg");
    height              : 288px;
    width               : 324px;
}

#home #middle #news span{
    color               : #0d4d3e;
    font-weight         : bold;
    font-size           : 12px;
    position            : relative;
    top                 : 4px;
    left                : 20px;
}

#home #middle #news #news_texte {
    position            : relative;
    top                 : 16px;
    left                : 6px;
    width               : 310px;
}

#home #middle #news #news_texte .news_x .date {
    background-image    : url("./images/bloc-middle_2.jpg");
    background-repeat   : no-repeat;
    color               : #fff;
}

#home #middle #news #news_texte .news_x p {
    margin              : 3px 0 10px 10px;
    height              : 75px;
    line-height         : 12px;
    font-size           : 11px;
}

#home #middle #video {
    width               : 324px;
    height              : 256px;
    margin-top          : 10px;
}

#home #right {
    width               :402px;
    margin              :21px 0 0 10px;
    float               :left;

}

#home #right .bloc {
    width               :100%;
    cursor:pointer;
}

#home #right .bloc a {
    text-decoration:none;
    color:#515151;
}

#home #right .bloc img{
    border:none;
}

#home #right .bloc .img1 {
    width               :50%;
    height              :138px;
    float               :left;
    background-image    : url('images/bloc-right-img_2.jpg');
	background-repeat: no-repeat;
}

#home #right .bloc .img2 {
    width               :50%;
    height              :139px;
    float               :right;
    background-image    : url('images/bloc-right-img_4.jpg');
	background-repeat: no-repeat;
}

#home #right .bloc .img3 {
    width               :50%;
    height              :138px;
    float               :left;
    background-image    : url('images/bloc-right-img_1.jpg');
	background-repeat: no-repeat;
}

#home #right .bloc .img4 {
	width               :50%;
	height              :138px;
	float               :right;
	background-image    : url('images/bloc-right-img_3.jpg');
	background-repeat: no-repeat;
}

#home #right .bloc .txt1 {
    width               :50%;
    height              :138px;
    float               :right;
}

#home #right .bloc .txt2 {
    width               :50%;
    height              :138px;
    float               :left;
}

#home #right .bloc .txt3 {
    width               :50%;
    height              :138px;
    float               :right;
}

#home #right .bloc .txt4 {
    width               :50%;
    height              :138px;
    float               :left;
}



#home #right .bloc .title {
    background-image    : url('images/bloc-right-puce_1.jpg');
    background-repeat   : no-repeat;
    height              :10px;
    margin              :7px 0 0 4px;
}

#home #right .bloc .title span{
    font-size           :12px;
    font-weight         : bold;
    line-height         : 10px;
    margin-left         :15px;
    color               :#00705e;
}

#home #right .bloc p {
    margin              : 6px 5px 0 18px;
    font-size           : 11px;
    line-height         : 13px;
}

#home #right .bloc .logo1 {
    margin              : 10px 0 0 40px;
}

#home #right .bloc .logo2 {
    margin              : 10px 0 0 20px;
}

#home #right .bloc .logo3 {
    margin              : 5px 0 0 50px;
}

#home #right .bloc .logo4 {
    margin              : 15px 0 0 10px;
}




/*Style auto_page*/

#auto_page {
    width:100%;
    padding-bottom:30px;
}

#auto_page #menu_gauche {
    background-image: url('images/auto_page_menu.jpg');
    background-repeat: no-repeat;
    width:220px;
    height:178px;
    padding:20px 0 0 10px;
    position:absolute;
    z-index: 2;
}

#auto_page #menu_gauche h1 {
    font-size:11px;
    margin:0;
    margin-left:12px;
}

#auto_page #menu_gauche .title_menu {
    background-image: url('./images/puce_menu_ap.jpg');
    background-repeat: no-repeat;
    background-position: center left;
}

#auto_page #menu_gauche h2 {
    font-size:11px;
    margin-left:15px;
    line-height: 15px;
    font-weight: normal;
}

#auto_page #menu_gauche a {
    text-decoration: none;
    color:#00705e;
}

#auto_page #info_gauche {
    position:absolute;
    left:25px;
    padding-top:190px;
    color:#0B604D;
    z-index: 1;
}

#auto_page #contenu {
    width:700px;
    min-height: 200px;
    padding:35px 0 0 240px;
}

#auto_page #contenu .title {
    background-color: #92bdb6;
    line-height: 20px;
    padding-left: 10px;
    color:#0d4538;
    font-size: 17px;
}

#auto_page #contenu .article {
    color:#535f6b;
    margin-top:20px;
}

#auto_page #contenu .paragraphe {
    color:#535f6b;
}

#auto_page #contenu .paragraphe li {
    list-style-image: url('./images/bloc-right-puce_1.jpg');
}

#auto_page #contenu .paragraphe .en_savoir_plus {
    background-image: url('./images/en_savoir_plus.jpg');
    background-repeat: no-repeat;
    width:81px;
    height:18px;
    float:left;
}

#auto_page #contenu .paragraphe .en_savoir_plus a {
    text-decoration: none;
    color:#ffffff;
    font-size: 12px;
    margin-left:10px;
}



/*CSS de toutes les news*/

#news_choix {
    text-align: center;
    margin-left:420px;
    height:40px;
}

#news_choix a {
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
}

#news_choix .NewsPassif {
    background-image: url('./images/news_actu_arch.jpg');
    background-repeat: no-repeat;
    width:112px;
    height:24px;
    float:left;
    
}

#news_choix .NewsPassif a {
    color:#ffffff;
}

#news_choix .NewsActif {
    background-image: url('./images/news_actu_arch_actif.jpg');
    background-repeat: no-repeat;
    width:112px;
    height:24px;
    float:left;
}

#news_choix .NewsActif a {
    color:#026e5e;
}

#news .bloc_news {
    margin-top:25px;
}

#news .bloc_news .date_news {
    position:absolute;
    left:250px;
    color:#006d5c;
    font-size:16px;
    font-weight: bold;
    margin: 7px 0 0 15px;
}

#news .bloc_news .news_bloc_img {
    background-image: url('./images/news_bloc_images.jpg');
    background-repeat: no-repeat;
    width:113px;
    height: 92px;
    float:left;
    margin-top:26px;
}

#news .bloc_news .news_bloc_img img {
    margin:8px 0 0 7px;
    width:100px;
    height:75px;
}

#news .bloc_news .news_bloc_texte {
    background-image: url('./images/news_texte_bloc.jpg');
    background-repeat: no-repeat;
    width:532px;
    height:118px;
    margin-left:113px;
}

#news .bloc_news .news_bloc_texte h1 {
    font-size : 15px;
    font-weight: normal;
    color: #ffffff;
    margin-left: 15px;
    line-height: 26px;
}

#news .bloc_news .news_bloc_texte p {
    margin: 20px 0 0 15px;
    color:#505e69;
}

#news .bloc_news .news_bloc_texte .en_savoir_plus {
    background-image: url('./images/news_en_savoir_plus.jpg');
    background-repeat: no-repeat;
    width:81px;
    height:18px;
    margin: 10px 0 0 15px;
}

#news .bloc_news .news_bloc_texte .en_savoir_plus a {
    text-decoration: none;
    color:#ffffff;
    font-size: 12px;
    margin-left:5px;
}


/*CSS pour la page d'une news*/

#OneNews .contenu {
    margin-top:30px;
}

#OneNews h1 {
    background-image: url('./images/bloc-right-puce_1.jpg');
    background-repeat: no-repeat;
    font-size: 17px;
    padding-left:20px;
    margin-left:10px;
    line-height: 11px;
}

#OneNews .texte_news {
    margin-left:10px;
}


/*CSS page contact*/

#contact {
    background-image: url('./images/corp_contact.jpg');
    background-repeat: no-repeat;
    width:415px;
    height:550px;
    margin:30px 0 0 100px;
}

#contact span {
    font-size: 15px;
    font-weight: normal;
    color:#ffffff;
    line-height: 26px;
    margin-left:15px;
}

#contact .champs {

}

#contact .champs td {
    font-weight: normal;
}


/*CSS page contact*/

#recrutement {
    background-image: url('./images/corp_recrutement.jpg');
    background-repeat: no-repeat;
    width:415px;
    height:530px;
    margin:30px 0 0 100px;
}

#recrutement span {
    font-size: 15px;
    font-weight: normal;
    color:#ffffff;
    line-height: 26px;
    margin-left:15px;
}

#recrutement .champs {

}

#recrutement .champs td {
    font-weight: normal;
}
