body {
font: 12px arial;
color:#6b6b6b;
background:url(../images/bg.png) repeat-x;
background-position:top;
margin:0;
padding:0;
}

/****TOP HEADER****/

div#header {
width: 100%;
height:108px;
margin: 0;
padding: 0;
background:#1f3e54;
}

div#header_content {
width:946px;
height:108px;
height:auto;
margin: 0 auto;
position:relative;
}

div#flash_home{
width: 100%;
height:309px;
margin: 0;
padding: 0;
}

div#flash_home_content {
width:946px;
height:309px;
height:auto;
margin: 0 auto;
position:relative;
}

/**** NAVBAR ****/

#top_navbar{
width:908px;
height:18px;
padding:19px 0 19px 16px;
font-family: arial;
font-size:11px;
color:#b6d1e4;
}

#bottom_navbar{
width:946px;
height:52px;
background:#fff url(../images/bottom_navbar_bg.png);
}

#navbar{
	width:741px;
	height:52px;
	float:left;
}

.navbar_txt{
	width:auto;
	height:18px;
	float:left;
}


.field{
	width:125px;
	height:16px;
	margin:0 10px 0 0;
	background:url(../images/field_bg.png);
	float:left;
}

#top_navbar input{
	border:none;
	height:18px;
	font-size:11px;
	padding:0px 0 0 4px;
	color:#627f91;
}

.bouton{
	float:left;
}

.link_nav{
	width:auto;
        float:left;
	padding:0px 10px 0 10px;
	color:#487b9f;
}

#top_navbar select{
	border:none;
	width:100px;
	height:18px;
	background:#4c6576;
	font-size:11px;
	color:#fff;
}

#top_navbar a{
	text-decoration:none;
	color:#487b9f;
}

#top_navbar a:hover{
	text-decoration:underline;
}

#connexion{
	width:140px;
	height:18px;
	float:left;
        background:#698196 url(../images/left-side.png) left top no-repeat;
        margin:0 12px;
        
}
#connexion a{
    color:#FFF;
    height:18px;
    text-align: center;
}
#connexion2 {
        height:15px;
        text-align: center;
        padding-top:3px;
        background:transparent url(../images/right-side.png) right top no-repeat;
}
#languages {
    float:left;
    width:100px;
}

#contact {
    float:left;
    margin-left:12px;
    width:60px;
}

.navbar_left {
    float:left;
}
.navbar_right {
    float:right;
    width:352px;
}
/**** MENU ****/

ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left;
 }
ul li a {
 display:block;
 float:left;   
 color:#8ea8bc;
 font-family:arial;
 font-weight:bold;
 font-size:14px;
 text-decoration:none;
 padding:13px 45px 0 15px;
 }
ul li a:hover {
	color:#fff;
 } 

/***/

#logo{
	width:205px;
	height:52px;
	float:left;
}


img{
	border:none;
}

/**** REGISTER ****/

div#register {
width: 100%;
height:161px;
margin: 0;
padding: 0;
}

div#register_content_fr {
width:946px;
height:161px;
background:url(../images/register_bg_fr.png);
margin: 0 auto;
position:relative;
}

div#register_content_en {
    width:946px;
    height:161px;
    background:url(../images/register_bg_en.png);
    margin: 0 auto;
    position:relative;
}

#register_left{
	width:325px;
	height:54px;
	padding:107px 0 0 50px;
	color:#1f3e54;
	font-size:12px;
	float:left;
	text-transform:uppercase;
}

.register_title{
	color:#fff;
	font-size:25px;
	font-weight:bold;
	margin:0 0 10px 10px;
}

.register_text{
	margin:0 0 0 10px;
}

#register_center{
	width:260px;
	height:161px;
	color:#3e4a00;
	font-size:13px;
	line-height:18px;
	background:url(../images/separateur.png) right center no-repeat;
	padding:0 10px 0 0;
	float:left;
}

#center_left{
	width:72px;
	height:161px;
	float:left;
}

#center_right{
	width:188px;
	height:136px;
	float:left;
	padding:25px 0 0 0;
}

/**** RIGHT ****/

#register_right{
	width:260px;
	height:161px;
	color:#3e4a00;
	font-size:13px;
	line-height:18px;
	padding:0 0 0 15px;
	float:left;
}

#right_left{
	width:72px;
	height:161px;
	float:left;
}

#right_right{
	width:188px;
	height:136px;
	float:left;
	padding:25px 0 0 0;
}

.button{
	margin:10px 0 0 0;
}

/**** GRADIENT ****/

div#gradient {
width: 100%;
height:auto;
overflow:hidden;
background:#f2f4f6 url(../images/gradient_bg.png) repeat-x;
margin: 0;
padding: 0;
}

div#gradient_content {
width:946px;
height:auto;
margin: 0 auto;
font-size:12px;
color:#353535;
overflow:hidden;
text-align:justify;
line-height:22px;
position:relative;
}

div#content_wrap {
    width: 100%;
    height:auto;
    overflow:hidden;
    
    margin: 0;
    padding: 0;
}

div#wrap_content {
    width:946px;
    height:auto;
    margin: 0 auto;
    font-size:12px;
    color:#353535;
    background-color:#fff;
    overflow:hidden;
    text-align:justify;
    line-height:22px;
    position:relative;
}

.gradient_left{
	width:283px;
	height:267px;
	padding:0 20px 10px 20px;
	float:left;
	background:url(../images/sep_gradient.png) right center no-repeat;
}

.gradient_center{
	width:283px;
	height:267px;
	padding:0 20px 10px 20px;	
	float:left;
}

.gradient_right{
	width:259px;
	height:266px;
	float:left;
	border-top:1px solid #f5f8fa;	
	padding:0 20px 10px 20px;		
	background:#dfe1e3;
}

.gradient_title{
	color:#002641;
	height:30px;
	padding:35px 0 0 65px;
	font-size:24px;
	background:url(../images/picto_manager.jpg) no-repeat;
	font-weight:bold;
}

.gradient_title_center{
	color:#002641;
	height:30px;
	padding:35px 0 0 0;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}

.gradient_title_right{
	color:#002641;
	height:30px;
	padding:25px 0 0 0;
	margin:0 0 10px 0;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}


.gradient_content{
	height:auto;
	margin:20px 0 20px 0;
}

.gradient_btn{
    text-align:center;
    width:100%;
}

.gradient_right_btn{
    text-align:center;
    margin-top:20px;
}

#gradient_box{
	width:946px;
	height:267px;
}

.blue{
	color:#98b9cf;
}

.white{
	color:#fff;
}

/**** button round****/
.btn_inscrire_left{
    width:114px;
    height:29px;
    float:left;
    background:#1f3e54 url(../images/btn_inscrire_left.png) left top no-repeat;
    margin:12px 12px 0;

}
.btn_inscrire_left a {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    height:29px;
    text-align:center;
    text-decoration:none;
}
.btn_inscrire_right {
    height:24px;
    text-align: center;
    padding-top:5px;
    background:transparent url(../images/btn_inscrire_right.png) right top no-repeat;
}

.btn_vert_left{
    height:28px;
    padding-left:22px;
    background:#bfd709 url(../images/knowmore_left.png) left top no-repeat;
    margin:0 auto;
    width:130px;

}
.btn_vert_left a {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    height:28px;
    text-align:center;
    text-decoration:none;
}
.btn_vert_right {
    height:25px;
    text-align: center;
    padding-top:3px;
    padding-right:16px;
    background:transparent url(../images/knowmore_right.png) right top no-repeat;
}

.btn_blue_left{
    height:28px;
    background:#1f3e54 url(../images/readmore_left.png) left top no-repeat;
    margin:0 auto;
    width:130px;
}
.btn_blue_left a {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    height:28px;
    text-align:center;
    text-decoration:none;
}
.btn_blue_right {
    height:25px;
    text-align: center;
    padding-top:3px;
    background:transparent url(../images/readmore_right.png) right top no-repeat;
    padding-right:22px;
    padding-left:22px;
}

.button_blue_left{
    width:180px;
    height:29px;
    float:left;
    background:#1f3e54 url(../images/button_blue_left.png) left top no-repeat;
}
.button_blue_left a {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    height:29px;
    text-align:center;
    text-decoration:none;
}
.button_blue_right {
    height:26px;
    text-align: center;
    padding-top:3px;
    background:transparent url(../images/button_blue_right.png) right top no-repeat;
}

.button_green_left{
    width:180px;
    height:29px;
    float:left;
    background:#acc010 url(../images/button_green_left.png) left top no-repeat;
    margin-left:12px;
}
.button_green_left a {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    height:29px;
    text-align:center;
    text-decoration:none;
    padding:0 12px;
}
.button_green_right {
    height:26px;
    text-align: center;
    padding-top:3px;
    background:transparent url(../images/button_green_right.png) right top no-repeat;
    width:180px;
}


.button_blue_bggr_left{
    width:180px;
    height:29px;
    float:left;
    background:#1f3e54 url(../images/button_blue_bggr_left.png) left top no-repeat;
}
.button_blue_bggr_left a {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    height:29px;
    text-align:center;
    text-decoration:none;
}
.button_blue_bggr_right {
    height:26px;
    text-align: center;
    padding-top:3px;
    background:transparent url(../images/button_blue_bggr_right.png) right top no-repeat;
}

.button_green_bggr_left{

    height:29px;
    float:left;
    background:#acc010 url(../images/button_green_bggr_left.png) left top no-repeat;
    margin:0 12px;
}
.button_green_bggr_left a {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    height:29px;
    text-align:center;
    text-decoration:none;
    padding:0 12px;
}
.button_green_bggr_right {
    height:26px;
    text-align: center;
    padding-top:3px;
    background:transparent url(../images/button_green_bggr_right.png) right top no-repeat;
}


.div_edit_btn{
    margin:12px 0;
    overflow:hidden;
    width:380px;
}


.wrap_left{
	width: 440px;
	height: auto;
	padding:20px 10px 20px 20px;
	float: left;
}


.wrap_right{
	width: 440px;
	height: auto;
	padding:20px 20px 20px 0;
	float: right;
}

.contact_left{
    width: 390px;
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    float: left;
}

.register_left{
    width: 370px;
    margin-top:28px;
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    float: left;
}


.contact_right_fr,.contact_right_en,.register_right{
	width: 466px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	float: LEFT;
}

.actu_left{
	width: 200px;
	height: auto;
	padding: 0;
	float: left;
}


.actu_right{
	width: 700px;
	height: auto;
	padding: 0;
	float: LEFT;
}


.camp_left{
	width: 250px;
	height: auto;
	padding: 0;
	float: left;
}
.camp_right{
	width: 650px;
	height: auto;
	padding: 0;
	float: LEFT;
}

.paging div{
    float:left;
}


.news_info{
    font-family: Arial;
    font-size: 11px;
    color:#4c6576;
}

.news_title{
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    font-style:italic;
    color:#4c6576;
    margin:0 0 10px 0;
}

.news_content p{
    margin:0;
}

.news_article{
    clear:both;
    margin:40px 20px;
}

.news_image img{
    margin:0 20px;
    border:2px solid #f0f6fa;
}

.camp_image {
    margin-right:20px;
}
.camp_image img{
    margin:0 20px;
}

.camp_right .div_edit_btn{
    margin-top:0px;
    margin-left:20px;
}

.address_block{
	padding-left: 60px;
        margin-left: 30px;
        background:#fff url(../images/contact-icon.png) left top no-repeat;
}

.social_block{
        margin-left: 30px;
        margin-top: 30px;
}
.social_title{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: Italic;
    margin-left:60px;
}

.social_logo {
    margin-top:5px;
}
.social_logo a{
    margin-right:10px;
}

.phone_block{
	padding-left: 60px;
        margin-top:20px;
        margin-left: 30px;
        background:#fff url(../images/phone-icon.png) left top no-repeat;
}
.contact_block{
        margin-top:30px;
}
.adresse_title{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: Italic;
}

.adresse_text{
    font-family: Arial;
    font-size: 12px;
}

.wrap_title{
	color:#002641;
	height:auto;
	padding:10px 10px 20px 20px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}

.wrap_content{
    height:auto;
	overflow:hidden;
}
.wrap_tab{
    height:auto;
    margin:0;
}
.wrap_tab_adv{
    background:#e8edf1 url(../images/rounded-gray-top.png) left top no-repeat;
}
.wrap_tab_adv_bot{
    background:transparent url(../images/rounded-gray-bot.png) left bottom no-repeat;
    padding-bottom:15px;
}
#wrap_separateur{
    width: 100%;
    height:auto;
    overflow:hidden;
    background:url(../images/barre.png) repeat-x;
    margin: 0 20px 0 20px;
}

#wrap_separateur2{
    width: 100%;
    height:4px;
    overflow:hidden;
    background:url(../images/barre.png) repeat-x;
    margin-top:40px;
}


.tbl th {
	background-image:url(../images/menu.png);
	color:#FFFFFF;
	font-weight:bold;
	padding:0px;
	text-align:center;
	border:0;
}

.cell td {
	background:#FFFFFF none repeat scroll 0 0;
	border-bottom:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7;
	padding:3px;
	text-align:center;
}

/* ------------------------------------------- FORMULAIRES --------------------------------------------------- */

form {
    margin-right: 20px;
    margin-bottom: 20px;
}

table form {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.form_create_tag {
	display:inline;
}

fieldset {
    border: 1px solid #d7d7d7;
    margin-bottom: 10px;
    padding: 10px;
}

fieldset legend {
	background:#fff;
	color: #993;
	font-size: 140%;
	font-weight: bold;
}

fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}

fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}

fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}

form div {
	vertical-align: text-top;
}

form div.input {
    clear: both;
    margin-bottom: .5em;
    
    color: #444;
    width:100%;
}

form div.required {
	color: #333;
}

div.submit input{
    width:70px;
}

.contact_right_en form div.submit,.contact_right_fr form div.submit {
	border: 0;
	clear: both;
        display: inline;
        margin-right: 10px;
}


.wrap_register{
    margin-bottom:20px;
    padding:25px;
    background-color: #fbfbfb;
}
label {
	display: block;
	float: left;
	font-size: 110%;
	padding-right: 20px;
}

input, textarea {
    clear: both;
    width: 100%;
    font-size:14px;
    border:1px solid #D7D7D7;
}

input {
    height:22px;
}

div.submit{
    float:none;
}


.regis_img , .regis_title{
    float:left;
}

.regis_title{

}
.regis_title h3 {
    color:#183142;
    font-size:26px;
    font-weight:bold;
    margin-top:38px;
}

.register_right div.submit {
clear:both;
float:none;
padding-top:16px;
}

.contact_right_fr div.submit input {
    background:transparent url(../images/send-msg_fr.png) no-repeat scroll left top;
    border:medium none;
    color:transparent;
    cursor:pointer;
    font-weight:bold;
    height:71px;
    margin:0;
    padding:0;
    vertical-align:top;
    width:235px;
}

.contact_right_en div.submit input {
    background:transparent url(../images/send-msg_en.png) no-repeat scroll left top;
    border:medium none;
    color:transparent;
    cursor:pointer;
    font-weight:bold;
    height:71px;
    margin:0;
    padding:0;
    vertical-align:top;
    width:249px;
}

select {
	float:right;
	font-size: 100%;
	vertical-align: text-bottom;
}


select[multiple=multiple] {
	width: 100%;
}

select[multiple=multiple].country {
	height: 110px;
	width: 100px;
}

option {
	font-size: 120%;
	padding: 0 3px;
}

input[type=checkbox] {
	clear: both;
	float: left;
	margin: 0px 6px 0px 0px;
	width: auto;
}

input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}

.button{
	float:left;
	width:50px;
}

input[type=button].add {
	width:50px;
}

input[type=button].remove {
	width:50px;
	float:left;
}

div.radio label {
	margin: 0 0 6px 20px;
}

input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

div.checkbox {
    display: inline;
    height: 15px;
    width: 400px;
}

div.checkbox input {
    width: 10px;
}

.checkbox label{
    float: left;
}


/**** FOOTER ****/

#footer{
	width:946px;
	height:auto;
	margin:20px 0 0 0;
	background:url(../images/footer_bg.jpg) no-repeat;
        clear:both;
}

#footer_top{
	width:946px;
	height:63px;
}

#footer_bottom{
	width:946px;
	height:26px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:2px 0 0 0;
}

#footer_info{
    width:946px;
    height:30px;
    font-size:11px;
    text-align:center;
    color:#1f3e54;
    padding:20px 0 50px 0;
}

#footer a{
    color:#1f3e54;
    text-decoration:none;
}

#footer a:hover{
    color:#1f3e54;
    text-decoration:underline;
}

.clear{
    clear:both;
}


/* ------------------------------------------ MESSAGES -------------------------------------------------- */

div#message {
    font-size: 170%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px 10px 20px 70px;
}

div.message-success {
    background: #f0f8f0 url('../img/layout/true.png') no-repeat 10px;
    border: 1px solid #49a449;
    color: #49a449;
}

div.message-warning {
    background: #fffaef url('../img/layout/warning.png') no-repeat 10px;
    border: 1px solid #de9301;
    color: #de9301;
}

div.message-failed {
    background: #fdf4f4 url('../img/layout/false.png') no-repeat 10px;
    border: 1px solid #900;
    color: #900;
}
.error-message{
    color:#d93535;
}


/**** modifs ****/

div#shadow{
	width:100%;
	height:10px;
	margin:0;
	padding:0px;
}

div#shadow_content{
	width:946px;
	height:10px;
	margin: 0 auto;
}

#faq{
	width:906px;
	margin:20px;
}