/*
 -------------------
 page pro  by Adel
 --------------------
*/
table.tblPro{
	border:1px solid #82a63c;
	padding:2px;
}
	table.tblPro td.th{
		background:#82a63c;
		color:#FFF;
		font-weight:bold;
	}
	table.tblPro td{
		border:1px solid #82a63c;
	}

/* Table Partenaire */
table.tblPar{
	border:1px solid #428b82;
	padding:2px;
}
table.tblPar td.th{
	background:#428b82;
	color:#FFF;
	font-weight:bold;
}
table.tblPar td{
	border:1px solid #428b82;
}

/* Table Checheurs */
table.tblChe{
	border:1px solid #f79646;
	padding:2px;
}
table.tblChe td.th{
	background:#f79646;
	color:#FFF;
	font-weight:bold;
}
table.tblChe td{
	border:1px solid #f79646;
}
html {
	background-color:#ffffff;
	height:100%;
}
body {
	margin:0px;
	height:100%;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#585454;
	line-height:20px;

	background-image:url(../images/images.php?img=default/interface/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
div, p, img, form, table, tbody, tr, td, form {
	margin:0px;
	padding:0px;
	
	border:0px;
}
table {
	border-style:solid;
	border-collapse:collapse;
	margin:0px 0px 10px 0px;
}
td {
	border-style:solid;
	padding:2px 4px 3px 4px;
}
div {
	float:left;
}
a {
	outline:none;
	font-weight:bold;
}
p.italique {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#535151;
	line-height:22px;
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
	
	padding:0px 0px 12px 0px;
}
img.sep-content {
	padding:0px 0px 17px 0px;
}
p {
	color:#585454;
	padding:0px 0px 12px 0px;
	line-height:20px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}
h1 {
	font-size:30px;
	text-transform:uppercase;
	padding:0px 0px 6px 0px;
}
h2 {
	font-size:24px;
	text-transform:uppercase;
	padding:0px 0px 6px 0px;
	color:#535151;
}
h3 {
	font-size:20px;
	text-transform:uppercase;
	padding:0px 0px 18px 0px;
	color:#585454;
}
h4 {
	font-size:18px;
	padding:0px 0px 6px 0px;
	color:#6f6b6b;
}
h5 {
	font-size:14px;
	padding:0px 0px 6px 0px;
	color:#585454;
}
h6 {
	font-size:13px;
	padding:0px 0px 6px 0px;
	color:#585454;
}
ul, ol {
	padding-bottom:10px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
}
ul li, ol li {
	line-height:20px;
	padding-bottom:5px;
}
ul li ul {
	padding-top:0;
	padding-bottom:0;
}
/*
div#back,
div#back*/ div#global {
	position:absolute;
	width:1000px;
	float:none;
	left:50%;
	margin-left:-500px;
	/*margin:auto;
	padding:0px;*/
}
/*
div#back {
	height:586px;
	width:1095px;
	overflow:visible;
	background-image:url(../images/images.php?img=default/interface/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
*/
/*
----------------
Connection
----------------
*/
div#connexion,
div#login,
div#logout {
	width:217px;
	overflow:hidden;
}
div#connexion,
div#logout {
	height:31px;
}
div#connexion img#login_img{
	cursor:pointer;
}
div#login {
	display:none;
	width:195px;/*217*/
	padding:9px 12px 9px 10px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}
div#login.display_login {
	display:block;
}
div#login div.error,
div#login div.success {
	font-size:13px;
}
div#login form p {
	text-align:center;
	padding:0px;
}
div#login form p img{
	padding:13px 0px 0px 0px;
}
div#login form p a, div#connexion form p a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
}
div#login form p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
div#login form input.i_small {
	width:100%;
	height:15px;
	margin:0px 0px 1px 0px;
	
	border:1px solid #a3a29f;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#807c7c;
}

div#login form div#btn_f_login {
	width:100%;
	text-align:center;
	padding:13px 0px 0px 0px;
}/*
div#login form div#btn_f_login input.submit,
div#logout form div#btn_f_logout input.submit{
	width:111px;
	height:19px;
	
	margin:0px;
	padding:0px;
	
	cursor:pointer;
	border:0px;
	
	background-position:top center;
	background-repeat:no-repeat;
}

div#logout form div#btn_f_logout input.submit{
	width:217px;
	height:31px;
}
*/
/*
----------------
Content
----------------
*/
div#content {
	width:610px;/*654*/
	padding:26px 44px 16px 0px;
	background-position:right 1px;
	background-repeat:no-repeat;
}
div#content h1.sec_title {
	line-height:32px;
}



/*
----------------
Donnation
----------------
*/
div#don {
	width:217px;
	height:98px;/*114*/
	padding:16px 0px 10px 0px;
}

/*
----------------
Footer
----------------
*/
div#footer {
	width:897px;
	height:27px;/*30*/
	padding:3px 56px 0px 47px;
	
	background-image:url(../images/images.php?img=default/interface/filet-odacia.gif);
	background-position:47px 3px;
	background-repeat:no-repeat;
}
div#conception {
	width:146px;
	height:25px;/*27*/
	padding:2px 0px 0px 0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#90989b;
	text-transform:uppercase;
}
div#footer_menu {
	width:751px;
	height:25px;/*27*/
	padding:2px 0px 0px 0px;
}
div#footer_menu ul {
	padding:0px;
	margin:0px;
	float:right;
}
div#footer_menu ul li {
	padding:0px;
	margin:0px;
	
	list-style:none;
	float:left;
}
div#footer_menu ul li a, div#footer_menu ul li a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#737779;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
div#footer_menu ul li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4cbde2;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
div#footer_menu ul li.sep {
	width:6px;
	padding:0px 5px 0px 5px;
	margin:0px;
	
	background-image:url(../images/images.php?img=default/interface/bullet.gif);
	background-position:center 8px;
	background-repeat:no-repeat;
}

/*
----------------
Header
----------------
*/
div#header {
	width:949px;/*1000*/
	height:156px;
	padding:0px 25px 0px 26px;
}
div#header_top {
	width:949px;
	height:127px;
	
	background-image:url(../images/images.php?img=default/interface/top-fond.gif);
	background-position:right 55px;
	background-repeat:no-repeat;
}
div#logo {
	width:167px;
	height:127px;
}
div#porte {
	width:296px;/*382*/
	height:39px;/*127*/
	padding:88px 0px 0px 86px;
}
div#porte a, div#porte a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2b7694;
	text-decoration:none;
}
div#porte a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
div#header_right {
	width:384px;/*400*/
	height:127px;
	padding:0px 16px 0px 0px;
}

/* Search */
div#recherche {
	width:370px;/*384 400*/
	height:27px;/*83*/
	padding:56px 14px 0px 0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#807c7c;
	text-align:right;
}
div#recherche form {
	float:right;
	padding:0px;
}
div#recherche form input.recherche {
	width:168px;
	height:13px;
	margin:0px 0px 0px 2px;
	border:1px solid #a8a8a8;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#807c7c;
}

/* Links */
div#links {
	width:384px;
	height:44px;
}
div#useful_links {
	width:288px;/*300*/
	height:37px;/*44*/
	padding:7px 12px 0px 0px;
	text-align:right;
}
div#useful_links span.sep {
	color:#1092c2;
	padding:0px 3px 0px 5px;
}
div#useful_links a, div#useful_links a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#27809d;
	font-weight:bold;
	text-decoration:none;
} 
div#useful_links a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8ACCE2;
	font-weight:bold;
	text-decoration:none;
}
div#langue {
	width:84px;
	height:44px;
}

/* Header bottom */
div#header_bottom {
	width:949px;
	height:29px;
}
div#section_title {
	width:398px;/*420*/
	height:29px;
	padding:0px 0px 0px 22px;
}
div#vide_cache {
	width:498px;/*529*/
	height:21px;/*29*/
	padding:7px 31px 0px 0px;
	text-align:right;
}
div#vide_cache a, div#vide_cache a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8a8d8e;
	text-decoration:underline;
}
div#vide_cache a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#12607a;
	text-decoration:none;
}

/*
----------------
Know more
----------------
*/
div.savoir {
	width:100%;
	height:19px;
	position:relative;
	top:-6px;
	padding:0px 0px 20px 0px;
	float:none;
	
	background-image:url(../images/images.php?img=default/interface/filet-savoir.gif);
	background-position:left 18px;
	background-repeat:no-repeat;
}
div.savoir div.texte {
	width:597px;/*609*/
	height:19px;
	float:left;
}
div.savoir div.texte a, div.savoir div.texte a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
div.savoir div.texte a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
div.savoir div.image {
	width:12px;
	height:19px;
	float:right;
	position:relative;
	top:7px;
	right:13px;
}
div.c_text{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
	
	background-image:url(../images/images.php?img=default/interface/filet-savoir.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

/*
----------------
Menu
----------------
*/
div#main_menu {
	width:217px;
	padding:0px 0px 230px 0px;
	
	background-position:center bottom;
	background-repeat:no-repeat;
}
div#main_menu ul.ul_main_menu {
	padding:0px;
	margin:0px;
}
div#main_menu ul.ul_main_menu li.li_main_menu {
	position:relative;
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:0px;
	font-size:0px;
}
div#main_menu ul.ul_main_menu li.li_main_menu a.no_link {
	cursor:default;
}
div#main_menu ul.ul_main_menu li.li_main_menu a,
div#main_menu ul.ul_main_menu li.li_main_menu a:link {
	display:block;
	width:187px;/*217*/
	padding:6px 15px 8px 15px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:12px;
	color:#ffffff;
	
	background-position:left bottom;
	background-repeat:no-repeat;
}

/*
----------------
Middle
----------------
*/
div#middle_pattern {
	width:1000px;
	
	background-image:url(../images/images.php?img=default/interface/big-repeat.gif);
	background-position:left;
	background-repeat:repeat-y;
}
div#middle_bottom {
	width:1000px;
	
	background-image:url(../images/images.php?img=default/interface/big-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
div#middle_top {
	width:1000px;
	
	background-image:url(../images/images.php?img=default/interface/big-shadow.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
div#middle_left {
	position:relative;
	width:217px;/*272*/
	padding:1px 7px 0px 48px;
	z-index:100;
}
div#middle_right {
	width:654px;/*728*/
	padding:0px 41px 0px 33px;
}

/*
----------------
Sub Menu
----------------
*/
div#main_menu ul li div.sub_menu{
	width:238px;
	float:left;
	position:absolute;
	left:217px;
	top:-1px;
	padding:0px;
	z-index:100;
	
	background-position:left 7px;
	background-repeat:no-repeat;
}
div#main_menu ul li div.sub_menu div.sub_menu2{
	width:238px;
	padding:0px 0px 37px 0px;
	
	background-position:left bottom;
	background-repeat:no-repeat;
}
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec {
	float:left;
	width:100%;
	display:block;
	padding:0px;
	margin:0px;
}
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu {
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:0px;
	font-size:0px;
	
	background-position:left bottom;
	background-repeat:repeat-y;
}
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu a,
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu a:link {
	display:block;
	width:205px;/*238*/
	padding:6px 17px 8px 16px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:13px;
	color:#ffffff;
	
	background:none;
	background-position:right bottom;
	background-repeat:no-repeat;
	
}

/*
----------------
Source
----------------
*/
div#sources {
	width:897px;/*1000*/
	height:15px;
	padding:0px 56px 0px 47px;
	text-align:right;
}
/* FORMULAIRE *******************************************/
table.t_from {
	border:none;
}
table.t_from tr td {
	border:none;
}
table.t_from tr td table {
	border:none;
}
table.t_from tr td table tr td {
	border:none;
}
td.list_title {
	width:310px;
}
table.table_formatif {
	border-bottom:1px solid #83A53C;
	margin:0px 0px 20px 0px;
}
table.table_formatif tr td {
	padding:0px 0px 10px 0px;
	vertical-align:top;
}

table.table_awareness {
	border-bottom:1px solid #83A53C;
	margin:0px 0px 20px 0px;
}
table.table_awareness tr td {
	padding:0px 0px 10px 0px;
	vertical-align:top;
}

table.table_gender {
	border-bottom:1px solid #83A53C;
	margin:0px 0px 20px 0px;
}
table.table_gender tr td {
	padding:0px 0px 5px 0px;
	vertical-align:top;
}

table.table_infopro {
	border-bottom:1px solid #83A53C;
	margin:0px 0px 20px 0px;
}
table.table_infopro tr td {
	padding:0px 0px 5px 0px;
	vertical-align:top;
}

table.table_infopro2 {
	border-bottom:1px solid #83A53C;
	margin:0px 0px 20px 0px;
}
table.table_infopro2 tr td {
	padding:0px 0px 5px 0px;
	vertical-align:top;
}
td.td_error {
	padding:0px;
	margin:0px;
}


/*
----------------
Form
----------------
*/

span.f_error{
	color:#860e0e;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
}

input.f_field_error,
textarea.f_field_error,
select.f_field_error{
	background-color:#FCF38A;
}

input.f_field_invalid,
textarea.f_field_invalid,
select.f_field_invalid{
	background-color:#F1B1B1;
}

table.t_from td{
	vertical-align:middle;
	padding-bottom:3px;
}
table.t_from tr.no_space td{
	padding-bottom:0px;
}
table.t_from tr.sub_title td{
	color:#9B9B9B;
	font-size:10px;
}

table.t_from td.f_title,
table.t_from td.f_input{
	text-align:left;
	vertical-align:top;
}

input.f_txt,
textarea.f_txt,
select.f_txt{
	width:295px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#585454;
}

input.f_txt,
textarea.f_txt,
select.f_txt{
	border:1px solid #83A53C;
}

textarea.f_txt{
	width:100%;
	height:150px;
}

div.form_content{
	width:100%;
}
div.top_form,
div.inner_form{
	width:100%;
	padding-bottom:10px;
}
div.form_msg{
	color:#860e0e;
	font-weight:bold;
}
div.end_form{
	padding-top:10px;
}

/*
----------------
Callback
----------------
*/

div.error,
div.success {
	width:100%;
	
	padding-bottom:10px;
	
	font-weight:bold;
	font-size:16px;
	line-height:14px;
	text-align:center;
}
div.success,
div.success a{
	color:#0ead12;
}

div.error,
div.error a{
	color:#860e0e;
}

div.success a,
div.error a{
	text-decoration:underline;
}
/*
 -------------------
 page pro  by Adel
 --------------------
*/
table.tblPro{
	border:1px solid #82a63c;
	padding:2px;
}
	table.tblPro td.th{
		background:#82a63c;
		color:#FFF;
		font-weight:bold;
	}
	table.tblPro td{
		border:1px solid #82a63c;
	}

/* Table Partenaire */
table.tblPar{
	border:1px solid #428b82;
	padding:2px;
}
table.tblPar td.th{
	background:#428b82;
	color:#FFF;
	font-weight:bold;
}
table.tblPar td{
	border:1px solid #428b82;
}

/* Table Checheurs */
table.tblChe{
	border:1px solid #f79646;
	padding:2px;
}
table.tblChe td.th{
	background:#f79646;
	color:#FFF;
	font-weight:bold;
}
table.tblChe td{
	border:1px solid #f79646;
}
div#content {
	background-image:url(../images/images.php?img=default/interface/section4/coin.gif);
}
h1 {
	color:#215d56;
}
h2 {
	color:#215d56;
}
div.savoir div.texte a, div.savoir div.texte a:link {
	color:#215d56;
}
div.savoir div.texte a:hover {
	color:#428b83;
}
a, a:link {
	color:#215d56;
	text-decoration:none;
}
a:hover {
	color:#428b83;
	text-decoration:none;
}
table {
	border-color:#428b83;
}
td {
	border-color:#428b83;
}

/*
----------------
Connection
----------------
*/
div#login {
	background-color:#428b83;
}/*
div#login form div.loginbtn_fr input.submit{
	background-image:url(../images/images.php?img=templates/display/default/interface/section4/fr/btn-connexion.gif);
}
div#login form div.loginbtn_en input.submit{
	background-image:url(../images/images.php?img=templates/display/default/interface/section4/en/btn-connexion.gif);
}

div#logout form div.logoutbtn_fr input.submit{
	background-image:url(../images/images.php?img=templates/display/default/interface/section4/fr/deconnexion.gif);
}
div#logout form div.logoutbtn_en input.submit{
	background-image:url(../images/images.php?img=templates/display/default/interface/section4/en/deconnexion.gif);
}*/

/*
----------------
Menu
----------------
*/
div#main_menu {
	background-image:url(../images/images.php?img=default/interface/section4/kid.jpg);
	background-color:#428b83;
}
div#main_menu ul.ul_main_menu li.li_main_menu a, div#main_menu ul.ul_main_menu li.li_main_menu a:link {
	background-image:url(../images/images.php?img=default/interface/section4/menu.gif);
}
div#main_menu ul.ul_main_menu li.li_main_menu a.active,
div#main_menu ul.ul_main_menu li.li_main_menu a:hover {
	background-image:url(../images/images.php?img=default/interface/section4/menu_o.gif);
	background-color:#215d56;
}

/*
----------------
Sub Menu
----------------
*/
div#main_menu ul li div.sub_menu{
	background-image:url(../images/images.php?img=default/interface/section4/smenu-fleche.gif);
}
div#main_menu ul li div.sub_menu div.sub_menu2{
	background-image:url(../images/images.php?img=default/interface/section4/smenu-bottom.gif);
}
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu {
	background-image:url(../images/images.php?img=default/interface/section4/smenu-pattern.gif);
}
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu a, div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu a:link {
	background-image:url(../images/images.php?img=default/interface/section4/smenu.gif);
}
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu a.active,
div#main_menu ul li div.sub_menu div.sub_menu2 ul.m_menu_subsec li.m_sub_menu a:hover {
	background-image:url(../images/images.php?img=default/interface/section4/smenu_o.gif);
}

/*BULLET */
div#content ul{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

div#content ul li{
	background-image: url(../images/images.php?img=default/interface/bullet1_4.png);
	background-position:15px 2px;
	background-repeat:no-repeat;
	padding-left: 40px;
}