html {
margin:0;
padding:0;
}
body {
	margin: 0px;
	color:#000000;
font-family:Candela,Trebuchet MS,Helvetica,Verdana,Arial,Sans-Serif;
font-size:85%;
padding:0pt;
text-align:center;
background-color: #FF6699;
}
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#page #mapage {
	background-color:#FFFFFF;
	padding: 0 5px 5px 5px;
		-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-left-bottom: 4px;	
		-webkit-border-top-right-bottom: 4px;	
	border: 0.1pt solid #FF6699;
	border-top:none;

}
.largeur_contenu {
			width:93%;
	max-width:1280px;
	min-width:700px;
	margin: auto;
}
#page #navbar #navigation {
		
min-width:1000px;
	margin: auto;
}
/*
#page #banner #haut {
	height: 12px;
	padding : 0 20px 0 20px;
	font-size: 7px;
	font-style: italic;
	text-align: center;
	background-color: #EEF6FB;
	border-width: 0.5px;
	border-style: solid;	
	border-top-style: none;
	border-color: #F5D6E8;
	float: right;
			-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}
*/
#page #banner #haut {
background-image: url(./images/barre_haut_r1_c2.gif);
	float: right;
height: 13px;	

}
#haut_avant {
background: transparent url(./images/barre_haut_r1_c1.gif) scroll no-repeat;
height: 13px;
width: 6px;
}
#haut_centre{
height: 13px;
	font-size: 7px;
	padding:1px 6px 0 6px;
	font-style: italic;
	float:right;
}
#haut_apres {
background: transparent url(./images/barre_haut_r1_c4.gif) scroll no-repeat;
height: 13px;
width: 6px;
float:right;

}

.plusgros {
font-size: 130%;
font-weight:bold;
}

#page #banner #logo {
	height: 155px;
	width: 395px;
	background-image: url(images/sous_logo.png);
	background-repeat: no-repeat;
	float: left;
}
#page #banner #logo img{
	margin-top: 17px;
	margin-left: 0px;
}
#compte {
	background-image: url(images/compte_2011.png);
	height: 146px;
	width: 215px;
	float: right;
}

#page #pageetpied #monpied {
	background-image: url(images/footer-sebweb.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 170px;
	width: auto;
}
#page #banner {
	background-color:#EEF6FB;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height:155px;
	min-width:1000px;
}
#page #pageetpied {
	background-image: url(images/bg2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FCF6FA;
}
#page #navbar {
	background-image: url(images/ong-nav-2.png);
	background-repeat: repeat-x;
	height: 37px;
	margin-bottom:-1px;
}
#monpied #footer{
	padding-top: 82px;
	

}
#pied_foot {
font-size:85%;
text-align:center;
}
#pied_foot a:link, #pied_foot a {
color: #ffffff;
}
#pied_foot a:hover {
color: #06A5E7;
}

a {
	text-decoration: underline;
	color: rgb(7, 165, 232);
}

a:hover {
	text-decoration: underline;
color: #FF5E99;
}
#navigation{
/*
	font-size: 11px;
	font-weight: 600;
	padding: 11px 9px 4px 0px;
	padding: 12px 0px 4px 0px;	*/
	font-size: 11px;
	font-weight: 600;


}

/********************menu**************************/
#menuDeroulant{ list-style-type: none; border: 0; font-family:Candela,Trebuchet MS,Helvetica,Verdana,Arial,Sans-Serif; padding: 0;  }
#menuDeroulant li{       float:left;margin: 0; padding: 0; border: 0; font-size:12px;}
#menuDeroulant .sousMenu{ display: none; }
#menuDeroulant li:hover > .sousMenu { display: block; }

#menuDeroulant .sousMenu a:link, #menuDeroulant li a:visited{  text-decoration: none; }
#menuDeroulant .sousMenu a:hover { color: #99CCFF; }
#menuDeroulant .sousMenu a:active { color:#FFFFFF; }

#menuDeroulant .sousMenu { 
padding:0px 10px 3px 10px; 
border:thin #B5497A solid; 
background-color:#FFFFFF; 
background-image:url(images/ong_r3_c4.jpg); 
background-repeat:no-repeat; 
background-position:left top; 
position:absolute;  
 font-weight:100;


-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray');
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray')";
z-index:500;

  -webkit-border-radius: 0px 0px 8px 8px;
  border-radius: 0px 0px 8px 8px;
  -moz-border-radius : 0px 0px 8px 8px;
  border-top:none;
  margin-top:9px;
  max-width:50%;
  }

#menuDeroulant .titre a {	       
      background:url(images/ong_r1_c4.jpg) no-repeat right top;
      padding:10px 15px 12px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#651227;
	  height:37px;
  text-shadow: 2px 2px 4px #999; 
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4); 

	  }
	  

#menuDeroulant .titre a:hover{	 
      text-decoration:none;
      font-weight:bold;
      color:#FFFFFF;
	    filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4); 
	  }  
	  
	  
#menuDeroulant .current a {
      background:url(images/ong_r1_c1.jpg) no-repeat right top;
      padding:10px 15px 12px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#E04E73;
	  height:37px;
      }
	  #menuDeroulant .current a:hover{	 
      font-weight:bold;
      color:#FFFFFF;
	    filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4); 
	  }  
	  #menuDeroulant .cherche{ background-image:url(images/ong_r6_c11.jpg); height:37px; width:145px;margin-top:-10px;}
	  #glob ul{display:bloc; height:27px; margin:0; padding-top:9px;}
	  #glob{ padding-left:0;}
	  #menuDeroulant .sousMenu .module{float:left; width:48%; text-align:justify;  padding: 0 1% 1% 1%;}
	  div#Mmembre.sousMenu .module{text-align:left; overflow: hidden;}
	  	  #menuDeroulant .sousMenu img{ vertical-align:middle; border:none;}
		  .module img{padding:15px 5px 0 0;  border:none;}
	  
/**********************fin menu *******************/







/*

#navigation a img{
margin-top:-1px;
}
#navigation .p, .h, .e{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	padding: 2px 4px 5px 4px; 

}
#navigation .h{
	background: transparent url("images/ong.png") 50% 0 repeat-x;
		border-bottom-color: #FCEBFA;
}
#navigation .p{
text-decoration:none;
	background: transparent url("images/ong.png") 50% 0 repeat-x;
background-position:0pt -23px;
		border-bottom-color: White;
}

#navigation .e{
	background-color: White;
		border-bottom-color: White;
}
#navigation a:hover, a{
text-decoration:none;
}

<!--[if IE]>
#navigation .h, #navigation .p{
margin: 0 2px 0 0;
padding: 0 0 6px 0;
}
#navigation .h:before, #navigation .p:before  {
  content:  url(./images/corner_inset_right.png);
}
#navigation .h:after, #navigation .p:after {
  content:  url(./images/corner_inset_left.png);
}

#navigation a:hover, a{ padding: 0px;  }
<![endif]-->

*/

#entremembre{

font-size:9px;

}
input[type=text], input[type=checkbox], input[type=radio], select, textarea{
	padding-left: 2px;
}
input[type=text], select, textarea{
	border:1px solid #FF6699;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left: 2px 1px;
	
	
		background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;

	
	
	
}
input[type=text]:hover, select:hover, textarea:hover{
	border:1px solid #06A5E7;
}
input[type=text]:focus, select:focus, textarea:focus{
	border-color:#666666;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}

input[type=button], input[type=submit], input[type=reset]{
	background-color: #07A5E8;
	color: White;
	font-weight: bold;
	font-size: 11pt;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{
	background-color: #8DD9F8;
}
input.hidden {
background-color: transparent;
    border: 0px;
	}
legend{font-size:80%; color:#666666;}
.t{
	border: 0.1pt solid #FF6699;
	 -webkit-box-shadow: 3px 3px 3px #EBE2EC;
-moz-box-shadow: 3px 3px 3px #EBE2EC;
box-shadow: 3px 3px 3px #EBE2EC; 
	}
.t0{
	background-color: #C7EAFE;
	font-weight: 900;
}
.t1{
background-color:#FFFFFF;}
.t2{
background-color:#FFF0FF;}
.t3{
color: #3399CC;
background-color:#F0F0F0;
font-weight: 600;
}
.t4{border:2px solid #C7EAFE;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius : 3px;
 -webkit-box-shadow: 3px 3px 3px #EBE2EC;
-moz-box-shadow: 3px 3px 3px #EBE2EC;
box-shadow: 3px 3px 3px #EBE2EC; 

  
  }
  .t4  td {padding:5px;}
a.but  {
background:transparent url(images/demo-button.gif) repeat scroll center center;
display:block;
height:26px;
line-height:22px;
text-align:center;
width:222px;}

img{ vertical-align:middle;}

#ref, .ref {display:none;}
.alert{
	color: #EA4F92;
	font-weight: bolder;
}
.boxalert{
border: 1px solid;
	margin-left:25%;
	padding:50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: color: #00529B;
	background-color: #BDE5F8;
	background-image:url(images/information.png);
	width:50%;
	
}
.cacher {display: none;}
.montrer {display: block;}

#menu {

	padding: 0;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	background-color: #FFEAFF;
	border: 0.1pt solid #FE86FF; /*margin:20px 10px 0px;*/
}
#menus {
	width: 180px;
	margin: 0 2% 0 0;
   height: auto !important; 
   height: 100%; 
   min-height: 100%;
z-index:100;
float: right;


        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        opacity: 0.9;
        -khtml-opacity: 0.9;
}
#menu dt {
	cursor: pointer;
	margin: 2px 0;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	display: block;
	color: #06A5E7;
	border-bottom: thin solid Fuchsia;
}

#menu dd {
	/*border: 0.1pt solid #FE86FF;*/
	margin: 0px;
}
#menu li {
	text-align: center; /*background-color : #eff3ff;*/
	/*background-color: White;*/
		background: transparent url("images/ong.png") 50% 0 repeat-x;
		border-bottom-color: #FCEBFA;
/*background-position:0pt -23px;*/
}
#menu li a{
color: black;
text-decoration : none;
display : block;
border : 0 none;
height : 20px;

}
.tmenu {
		background: url("images/clav.png") repeat;
	font-size: 150%;
}
 #menu dt:hover {
	/*background-color : #eff3ff;*/
	color: Fuchsia;
	background-color: #C7EAFE;

}
#menu li a:hover {
/*background-color : #e0ebef;*/
	background: transparent url("images/ong.png") 50% 0 repeat-x;
background-position:0pt -23px;
		border-bottom-color: White;
		color: Fuchsia;
}
.theme{
width: auto; 
overflow:scroll;
}
.theme td{
	background-image: url(images/fond_degrad.png);
	background-repeat: repeat-y;
	border-bottom: 0.01em solid #FFCEFF;
font-size:70%; 
padding: 3px 20px 3px 20px;  
}

.theme .titre{
background-image:url(images/clav.png); 
font-size:100%; 
font-weight: bold;
padding: 15px;
text-align:center;
}
.theme .t0{
	background-color: #C7EAFE;
font-size:100%; 
font-weight: bold;
padding: 15px;
text-align:center;
}

.over{

}
.out{
/*	background-image: url(images/fond_degrad.png);
	background-repeat: repeat-y;
*/
}
tr.out:hover{
background:url("images/ong.png") repeat scroll 0 0 #FFE8FF;
cursor: pointer;
}

.cache{
display:none;
}
#nosel td, tr.nosel{
	font-style: italic;
	color: grey;
}
#alerteMessage {
	margin-top:120px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border:1px solid #ccc;
	height:350px;
	margin-left:auto;
	margin-right:auto;
	background-image: url("http://www.sebweb.fr/images/logosebweb50.png");
	background-position:bottom right;
	background-repeat: no-repeat;

}
.encadre {
    background: url("images/cadre.png") no-repeat scroll 0 0 transparent;
    float: left;
    min-height: 180px;
    margin: 9px 0 0 9px;
    width: 316px;
	font-size: 11px;
	-moz-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
.float {
    float: left;
}
a.bouton {  
    color: #666;  
    font: bold 110%;  
    padding:1px 10px; 
	margin:1px;
    text-align: center;  
    text-decoration: none;  
    border: 1px solid #aaa;  
    background: #f8f8f8;  
    border-radius: 5px 15px 15px 5px;  
    background: -moz-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  
    background: -webkit-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  
    background: -o-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  
    background: -ms-linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  
    background: linear-gradient(top, #f8f8f8 40%, #cacaca 100%);  
    text-shadow: 0 1px 0 #fff;  
    box-shadow: 0 0 5px rgba(0,0,0,0.2);  
} 
a.bouton:hover {  
    background: -moz-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  
    background: -webkit-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  
    background: -o-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  
    background: -ms-linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  
    background: linear-gradient(top, #cacaca 20%, #f8f8f8 100%);  
}  
a.bouton:active {  
    box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;  
} 
a.bouton img{ vertical-align:middle; }
.btn-cl{
background:url(images/btn_send.png) no-repeat scroll transparent;
    border: medium none;
    color: #FEFAED;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    height: 34px;
    line-height: 30px;
    margin: 0 auto;
    overflow: visible;
    padding: 5px 15px 5px 16px;
    text-align: left;
    text-decoration: none;
    width: auto;
}
.ok-110{
background-position: 0px 0px;
width: 110px; 
}
.ok-182{
background-position: 0px -40px;
width: 182px; 
}
.ok-266{
background-position: left -80px;
width: 266px; 
}
.no-110{
    font-size: 15px;
background-position: left -120px;
width: 110px; 
    text-align: center;
}
.no-182{
    font-size: 15px;
background-position: left -160px;
width: 182px; 
    text-align: center;
}
.no-266{
    font-size: 15px;
background-position: left -200px;
width: 266px; 
    text-align: center;
}
button.no-110:hover, button.no-182:hover, button.no-266:hover{ color: #E42B94;}
button.ok-110:hover, button.ok-182:hover, button.ok-266:hover{ color: #651227;}
a.ok-110:hover, a.ok-182:hover, a.ok-266:hover{ color: #651227; text-decoration:none;}
a.no-110:hover, a.no-182:hover, a.no-266:hover{ color: #E42B94; text-decoration:none;}
.btn-step1 {    background:url(images/btn_send.png) no-repeat scroll left -58px transparent;
    border: medium none;
    color: #FEFAED;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 42px;
    line-height: 24px;
    margin: 0 auto;
    overflow: visible;
    padding: 5px 15px 9px 16px;
    text-align: left;
    text-decoration: none;
    width: 150px;}
	
.btn-step2 { 	    background: url("images/btn_send.png") no-repeat scroll left -122px transparent;
    border: medium none;
    color: #FBFBFB;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 42px;
    line-height: 24px;
    margin: 0 auto;
    overflow: visible;
    padding: 5px 15px 9px 25px;
    text-align: left;
    text-decoration: none;
    width: 105px;}
	
	.sign{
	background: url("images/bgd_contact_sign.png") no-repeat scroll left top transparent;
	color: #FFFFFF;
	height: 76px;
	line-height: 26px;
	padding: 15px;
	width: 282px;
	text-align: center;
}
	.sign span{
	background: url("images/logo_shadow.png") no-repeat scroll center -280px transparent;
	display: block;
	height: 27px;
	width: 100%;
	position: relative;
	margin-top: 25px;
}
.doc_box {
	float:left; 
	margin:1%;
}
.frt{
	padding:15px 0 15px 1%;
	width:49%;
	float:left;
	text-align: left;
}
.degr1 {
    background: -moz-linear-gradient(center top , #DBE8F0, #FFFFFF) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBE8F0', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#DBE8F0), to(#FFFFFF)); /* webkit browsers */
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}
	.hd{ float:right;}
	p:not(#foo) > input:hover + label, p:not(#foo) > input:focus + label,
p:not(#foo) > input + label:hover, p:not(#foo) > input:focus + label			{ text-shadow: 1px 1px 3px #000; color: #2C7AD0; }

p:not(#foo) > input + label
{
	background: url(images/gr_custom-inputs.png) 0 -1px no-repeat;
	height: 16px;
}
p:not(#foo) > input[type=radio] + label										{ background-position: 0 -161px; }

/* Checked styles */
p:not(#foo) > input[type=radio]:checked + label 							{ background-position: 0 -241px; }
p:not(#foo) > input[type=checkbox]:checked + label 							{ background-position: 0 -81px; }
p:not(#foo) > input[type=checkbox]:hover:checked + label,
p:not(#foo) > input[type=checkbox]:focus:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover,
p:not(#foo) > input[type=checkbox]:focus:checked + label 					{ background-position: 0 -101px; }
p:not(#foo) > input[type=radio]:hover:checked + label,
p:not(#foo) > input[type=radio]:focus:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover,
p:not(#foo) > input[type=radio]:focus:checked + label 						{ background-position: 0 -261px; }

/* Hover & Focus styles */
p:not(#foo) > input[type=checkbox]:hover + label,
p:not(#foo) > input[type=checkbox]:focus + label,
p:not(#foo) > input[type=checkbox] + label:hover 							{ background-position: 0 -21px; }
p:not(#foo) > input[type=radio]:hover + label,
p:not(#foo) > input[type=radio]:focus + label,
p:not(#foo) > input[type=radio] + label:hover								{ background-position: 0 -181px; }

/* Active styles */
p:not(#foo) > input[type=checkbox]:active + label,
p:not(#foo) > input[type=checkbox] + label:hover:active						{ background-position: 0 -41px; }
p:not(#foo) > input[type=radio]:active + label,
p:not(#foo) > input[type=radio] + label:hover:active						{ background-position: 0 -201px; }
p:not(#foo) > input[type=checkbox]:active:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover:active				{ background-position: 0 -121px; }
p:not(#foo) > input[type=radio]:active:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover:active				{ background-position: 0 -281px; }

/* Disabled styles */
p:not(#foo) > input[type=checkbox]:disabled + label,
p:not(#foo) > input[type=checkbox]:hover:disabled + label,
p:not(#foo) > input[type=checkbox]:focus:disabled + label,
p:not(#foo) > input[type=checkbox]:disabled + label:hover,
p:not(#foo) > input[type=checkbox]:disabled + label:hover:active			{ background-position: 0 -61px; }
p:not(#foo) > input[type=radio]:disabled + label,
p:not(#foo) > input[type=radio]:hover:disabled + label,
p:not(#foo) > input[type=radio]:focus:disabled + label,
p:not(#foo) > input[type=radio]:disabled + label:hover,
p:not(#foo) > input[type=radio]:disabled + label:hover:active				{ background-position: 0 -221px; }
p:not(#foo) > input[type=checkbox]:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active	{ background-position: 0 -141px; }
p:not(#foo) > input[type=radio]:disabled:checked + label,
p:not(#foo) > input[type=radio]:hover:disabled:checked + label,
p:not(#foo) > input[type=radio]:focus:disabled:checked + label,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover:active		{ background-position: 0 -301px; }


/************** PRINT *********************/
@media print { 
#entremembre, #copyright, #navigation a, #menu { display:none; } 
#page { width: 100%;}
}