/* CSS Document */

body {
	color:#333333;
	padding: 0 0;
	margin: 0px 0px;
	background:#7ea3d1 url(../images/fond-page.jpg) top center repeat-y;
/*line-height: 2em;*/
	line-height: 1.5em;
}
body { 
	/*background:url('../images/backgrounds/gradient_bg.jpg') repeat-x #3d3d3d;*/
	font-family: arial, helvetica, sans-serif;
}

.background { 
	/*background:#b0d7c1 url(../images/fond-page.jpg) top right repeat-y;*/
	margin: 0px;
	padding: 0px;
	/*background: url(../images/fond-page.jpg) top center repeat-y;*/
}

.bottom_cap { 
	/*background: url('../images/backgrounds/bottom_cap_drop.png') no-repeat center;*/
	min-height: 46px;
	height: 46px;
	margin: 0px auto;
}

body,td, th,a,p {
	font-family: arial,sans-serif;
	font-size:12px;
	border-collapse: collapse;
}
/*
th { color: #FFFFFF; background: #57744b; height: 35px; }
th, td { border: solid 1px #57744b; border-collapse: collapse; }
*/
th { color: #FFFFFF; background: #7dd3f7; }
.table th {
	border-bottom: solid 1px #FFFFFF;
	border-collapse: collapse;
}
.table table {
	border-bottom: solid 1px #7dd3f7;
	border-collapse: collapse;
	display: table-cell;
}
.table tr, table td {
	border-bottom: solid 1px #7dd3f7;
	border-collapse: collapse;
}

tr, th { height: 35px; }
/*table { border: 0px; border-collapse: collapse; display: table-cell; }*/

hr {
	border: 0;
	/*width: 90%;*/
	color: #cb5f68;
	background-color: #cb5f68;
	height: 1px;
	margin: 10px 0 10px 0;
}

img { border: none; }

a, a:active, a:visited {
	color:#7ea3d1;
	text-decoration: underline;
}
a:hover {
	color:#C83601;
	text-decoration: underline;
}

.spacer {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 5px 0;
	font-size: 1px;
	/*border-top: 1px dashed #765f52;*/
	display: block;
}

/*** HEADER ***/

#top {
	text-align: center;
	padding: 0px 0px;
	height: 135px;
	margin: 0 0;
	/*border: 1px solid #000;*/
}

#toptext{
	display: none;
}

/** TITRES **/

h1, h2 {
	font-weight:normal;
	color: #7ea3d1;
	font-family: 'Trebuchet MS', 'Arial', 'Verdana', Sans-Serif;
	/*font-family: 'Arial', 'Verdana', Sans-Serif;*/
	/*font-variant: large-caps;*/
}

h3,h4,h5,h6 {
	font-weight:normal;
	color: #004791;
	font-family: 'Trebuchet MS', Lucida Grande, Verdana, serif;
	/*font-family: 'Arial', 'Verdana', Sans-Serif;*/
	/*margin-top: 30px;*/
}
h1 {font-size:1.8em;letter-spacing:-0.5px;}
h2 {font-size:1.5em;letter-spacing:-0.8px; }
h3 {font-size:1.2em;/*letter-spacing:-1px;*/ color: #7ea3d1; font-weight: bold; text-transform: uppercase; }
h4 {font-size:1.2em; font-style: italic;}
h5 {font-size:1.0em;}
h6 {font-size:0.9em;}

select, input, textarea {
	color: #424242;
	font-family: arial,sans-serif;
	font-size: 12px;
}

#ong-2 h3 { margin: 5px 0px; }

.num {
	font-size:1.5em;
	font-family: 'Arial', 'Verdana', Sans-Serif;
	font-weight: light;
	color: #004791;
}

.txt { font-size:1.4em; font-weight: lighter; }

.cadre {
	background: #eff7f3;
	border: 1px solid #b0d7c1 /*#c9c7c8*/;
	padding: 5px 5px;
	margin: 0 0 10px 0;
}

/*** GOBAL ***/

#global {

	width: 760px;
	left: 50%;
	margin-left: -380px;
	/*margin-top: 10px;*/
	position: absolute;
	padding:0 0px 10px 10px;
border: 1px solid #000;
/*background: #FFFFFF;*/
	line-height: 2em;
}

#global2 {
	width: 760px;
	display:absolute;
	/*left: 50%;
	margin-left: -380px;*/
/*background: #FFFFFF;*/
	text-align: left;
	min-height: 600px;
	margin: 0px 0px;
	padding: 0px 0px;
}

#contenu {
	text-align: left;
	/*background: #FFFFFF url(../images/interface/bottom.jpg) bottom left repeat-x;*/
	padding: 10px 10px 0 10px;
	margin: 0 0 0 0;
/*background: #FFFFFF;*/
	text-align: left;
}

#contenu ul {
	padding: 0px;
}
#contenu ul li {
	list-style-type: circle;
	/*background: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0% 20%;*/
	text-align: left;
	padding-left: 10px;
	margin-left: 20px;
	padding-bottom: 5px;
}

/*** PAGES ***/

#ong-1,#ong-2,#ong-3
{
	float:left;
	width: 520px;
	text-align: justify;
}

/*** LINK ***/

.link {
	float: right;
	width: 286px;
	/*min-height:650px;*/
	/*border: 1px solid #000;*/
	background:#FFFFFF url(../images/bg_bar_2.png) top left no-repeat;
	margin: 20px 10px 10px 10px;
	text-align: left;
	font-size: 11px;
	display:block;
	padding: 0px 0px;
}

.link ul { list-style: none; padding: 0 0; margin: 5px 0px 5px 0px;}
.link ul li { padding: 5px 0;}

.link a, #link a:active, #link a:visited {
	color:#000;
	font-weight:bold;
	text-decoration: none;
}
.link a:hover {
	color:#CC0000;
	font-weight:bold;
	text-decoration: underline;
}

#comment {
	line-height: 1.8em;
	border-bottom: 1px solid #DADADA;
	padding: 10px 20px;
	/*background:#FFFFFF url(../images/bg_bar_2.png) top left no-repeat;*/
}
#comment img { margin: 5px 0px 20px 0px; }
#comment h1, #comment h2, #comment h3 { color: #004791; }
#comment img { margin: 5px 0px 20px 0px; }
#comment h1, #comment h2, #comment h3 { color: #004791; }

#important {
	line-height: 1.8em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DADADA;
	padding: 10px 20px;
}
#important h1, #important h2, #important h3 { color: #CC0000; }


#docpdf {
	line-height: 1.8em;
	border-top: 1px solid #FFFFFF;
	padding: 10px 20px;
	background:#FFFFFF url(../images/bg_bar_2.png) bottom left no-repeat;
}



/** exemple **/

.exemple {
	float:left;
	width: 330px;
	margin: 5px 10px 0 0px;
	/*background:url(../images/bg_topBlock.jpg) top left no-repeat;
	background: #fef3d7;*/
	background:url(../images/bck_degrad_gris.gif) top left repeat-x;
	border: 1px solid #DADADA;
	padding: 10px 0px 5px 5px;
	display:block;
}
.exemple ul {
	list-style-image:url(../images/liste.gif);
	padding:0px 0px;
	margin: 0px 0px;
}
.exemple h3, .exemple h4 { color: #777777; }

/*** FOOTER ***/
#footer {
	background: #e5f6fd;
	color: #719ec7;
	padding:10px 10px;
	/*height:100px;*/
	margin: 40px 10px 0px 10px;
	font-size: 8px;
}
#footer p { /*font-weight: bold; padding: 5px 0;*/ margin: 5px 0; }
#footer a { text-decoration: none; color:#004791; }
#footer a:hover {
	color:#004791;
	text-decoration: underline;
}
.logo {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px;
}

/** MENU **/

#menu {
	background: #FFFFFF url(../images/bck-menu.jpg) bottom left no-repeat;*/
	padding: 0px 0px;
	margin: 0px 0px 10px 10px;
	height: 40px;
}

.lien {list-style: none; margin: 0; padding: 0;}
.lien li { margin: 0px 0px ; padding: 0px; float: left; width: 150px;}

.lien .tab1, .lien .tab2, .lien .tab3, .lien .tab4 { color: #000; }

.lien a { vertical-align:middle; text-align: center; text-transform: uppercase; display: block; font-weight: bold; position: relative; top: 0px; left:0; z-index: 2; padding: 0px; color: #000000; height: 40px; text-decoration: none; }

.lien .tab1 a:link, .lien .tab1 a:visited  { background: url(../images/bck-menu.jpg) 0px 200px; text-decoration: none; color: #000000; }
.lien .tab2 a:link, .lien .tab2 a:visited  { background: url(../images/bck-menu.jpg) 490px 0px; text-decoration: none; color: #000000; }
.lien .tab3 a:link, .lien .tab3 a:visited  { background: url(../images/bck-menu.jpg) 490px 0px; text-decoration: none; color: #000000; }
.lien .tab4 a:link, .lien .tab4 a:visited  { background: url(../images/bck-menu.jpg) 490px 0px; text-decoration: none; color: #000000; }

.lien .tab1 a:hover  { background: url(../images/bck-menu-on.jpg) 0px 0px; text-decoration: none; color: #004791; }
.lien .tab2 a:hover  { background: url(../images/bck-menu-on.jpg) 490px 0px; text-decoration: none; color: #004791; }
.lien .tab3 a:hover  { background: url(../images/bck-menu-on.jpg) 245px 0px; text-decoration: none; color: #004791; }
.lien .tab4 a:hover  { background: url(../images/bck-menu-on.jpg) 245px 0px; text-decoration: none; color: #004791; }

/*.lien span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}*/

.lien .tabOn1 { background: url(../images/bck-menu-on.jpg) 0px 0px; text-decoration: none; color: #004791; }
.lien .tabOn2 { background: url(../images/bck-menu-on.jpg) 490px 0px; text-decoration: none; color: #004791; }
.lien .tabOn3 { background: url(../images/bck-menu-on.jpg) 245px 0px; text-decoration: none; color: #004791; }
.lien .tabOn4 { background: url(../images/bck-menu-on.jpg) 245px 0px; text-decoration: none; color: #004791; }
.lien .tabOn1 a, .lien .tabOn1 a:hover { text-decoration: none; color: #004791; }
.lien .tabOn2 a, .lien .tabOn2 a:hover { text-decoration: none; color: #004791; }
.lien .tabOn3 a, .lien .tabOn3 a:hover { text-decoration: none; color: #004791; }
.lien .tabOn4 a, .lien .tabOn4 a:hover { text-decoration: none; color: #004791; }



/*** NAV ***/

.nav {
	height: 31px;
	width: 100%;
	background: #6f767d url(../images/nav-all.gif) repeat-x;
}

.nav .left {
	height: 31px;
	width: 26px /*32px*/;
	float: left;
	background-image: url(../images/nav_left.jpg);
}
	
.nav .item {
	float: left;
	height: 31px;
}

.nav .right .item, .nav .right .item_selected {
	float: right;
	height: 31px;
}


.nav .item a:hover {
	background: #5c656e url(../images/nav-all.gif) 0 -31px;
}		

.nav .item a:active {
	background: #495057 url(../images/nav-all.gif) 0 -62px;
}


.nav .item_selected {
	float: left;
	height: 31px;
	padding-left: 2px;
	padding-right: 2px;
	background: #010102 url(../images/nav-all.gif) 0 -93px;
}

.nav .item_selected a:hover {
	background-image: url(../images/nav_select_over.jpg); 

}

.nav .item a:link, 
.nav .item a:visited, 
.nav .item_selected a:link, 
.nav .item_selected a:visited {
	text-decoration: none;
	display: block;
	color: #fff;
	z-index: 2;
	height: 31px;
	float: left;
	padding-right: 16px;
	padding-left: 16px;
	text-shadow: #212529 0 -1px 0;
	font: bold 12px/29px Arial, Tahoma, Verdana, sans-serif;
}

.nav_break {
	background-image: url(../images/nav_break.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 2px;
	float: left;
}
.navinfo .nav_break {
	background-image: url(../images/nav_break.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 2px;
	float: right;
}

.nav .navinfo {
	float: right;
	height: 31px;
	padding: 0px 20px 0px 0px;
	text-align: right;
	margin: 0px;
	line-height: 14px;
	background: url(../images/nav_right.jpg) no-repeat right;
	display: block;
	width: 50px /*232px*/;
}

.nav .navinfo .item {
	float: right;
}