@charset "utf-8";

* { margin:0px; padding:0px; }
body { font-family:Verdana, Geneva, sans-serif; font-size:13px; }
p { padding:5px 0px 5px 0px; }
h1 { font-size:25px; color:#a4c634; }
h1,h2,h3 { text-align:center; margin-bottom:5px; }
img { border:none; }

.form{ margin-top:2px; }
.form 	input[type=submit]{	background:url(images/bt-valider.png) top center no-repeat; width:90px; height:25px; margin: 4px 0px 4px 0px; padding: 0px 0px 0px 0px; cursor: pointer; border:0; text-align:center; }

#fond { width:100%; min-height:550px; height:auto; background:url(images/fond.jpg) top center repeat-y #fff; background-attachment:fixed; border-bottom:#CCC solid 1px; overflow:auto; }

#contenant { width:950px; height:auto;margin-left:auto; margin-right:auto; padding:0px; }

#head { width:900px; height:auto; margin-left:auto; margin-right:auto; }

#bandeau { width:200px; height:500px; float:left; }

#principale { width:800px; height:auto; padding:5px; margin-left:auto; margin-right:auto; }

#gauche { width:620px; height:auto; float:left; margin-left:20px; padding:5px; }

#droite { width:280px; height:auto; float:left; }

#partie-1 { width:900px; height:188px;  padding:0px; margin-left:auto; margin-right:auto; text-align:center; }

#presentation { height:auto; min-height:30px; }
#presentation ul, #presentation li { margin:10px; }
#presentation p { margin-left:10px; }

#admin {	height:auto;	min-height:30px;	width: 900px;	margin-left: 15px;	margin-right: 15px; }
#admin ul, #presentation li { margin:10px; }
#admin p { margin-left:10px; }

#fd-head { width:100%; height:200px; background:url(images/fd-head.jpg) repeat-x top center #911559; }

#fd-footer { width:900px; height:auto; margin-left:auto; margin-right:auto; }

#fd-couleur{ width:100%;height:200px; z-index:0; }

.fd-violet { background:url(images/fd-violet.jpg) no-repeat top center; }
.violet { background:#fff; } 
.actu-violet { background:url(images/actu-violet.jpg) no-repeat top center #ffe3bb; }

#actu { width:270px; min-height:23px; height:auto; margin-left:10px; padding:5px; }
#actu a { color:#000; }

#menu-actu { width:250px; height:auto; padding:0px; margin:30px 0px 0px 0px; float:left; color:#000; }
#menu-actu p { font-size:11px; }
#menu-actu ul { list-style-type:none; padding:0px; margin:0px 0px 0px 80px; }
#menu-actu ul li { display:block; padding:0px; margin:0px; }
#menu-actu ul li a { text-align:left; font-size:10px; color:#fff; text-decoration:none; }
#menu-actu ul li a:hover { color:#fff; text-decoration:underline; }

.menu { width:700px; height:auto; float:left; margin-top:40px; font-size:11px; }
.menu ul { list-style-type:none; }
.menu ul li { float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; padding:0px 7px 0px 7px; border-left:#cc9999 solid 1px; }
.menu ul li a { float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; padding:0px; height:30px; line-height:16px; text-decoration:none; font-size:1.1em; color: #fff; }
.menu ul li ul { list-style-type:none; }
.menu ul li ul li { float:left; z-index:auto !important /*Non-IE6*/ ; z-index:999 /*IE6*/; padding:0px; border:none; }
.menu ul li ul li a { height:auto; font-size:0.8em; letter-spacing:normal; color:#ffcccc; }
.menu ul li ul li a:hover { height:auto; font-size:0.8em; letter-spacing:normal; color:#fff; }

.nav1 {	width:120px; }
.nav2 { width:120px; }
.nav3 {	width:190px; }

#compteclient{ width:170px; height:130px; float:left; background:url(images/fd-compte.jpg) no-repeat top center; margin-top:25px;
text-align:center; padding:10px; }
#compteclient a{ color:#666; text-decoration:none;font-size:0.8em; line-height:15px; }
#compteclient a:hover{ color:#666; text-decoration:underline;font-size:0.8em; }

.titrecompte{font-size:1.1em; height:22px; line-height:16px; font-weight:bold;  color:#FFF; border-bottom:#FFF solid 1px; }

#footer { font-size:10px; text-decoration:none; color:#91135a; text-align:center; }
#footer a { text-decoration:none; color:#91135a; font-size:10px; text-align:center; } 

#ligne1, #ligne1 a { background-color:#dadada; }

#image { float:right; height:auto; width:auto;  padding-left:10px; padding-bottom:0px; }

#btn-assistants { display:block; text-decoration:none; color:#FFFFFF; background-color:#900F61; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; behavior:url(PIE/PIE.htc); width:250px; height:30px; line-height:30px; text-align:center; margin:50px auto 0 auto; font-size:18px; }

#pictogramme-specialite { width:50px; height:auto; }

.menumobile { display:none; }

@-webkit-viewport { width:device-width}
@-moz-viewport { width:device-width}
@-ms-viewport { width:device-width}
@-o-viewport { width:device-width}
@viewport { width:device-width}

/*-------------- smartphone portrait----------------------*/
@media only screen and (min-device-width : 300px) and (max-device-width : 480px) {

img { max-width:100%; }

#menu, .menu1  {  display:none; }

.menumobile {  display:block; min-height:30px; }

#contenant, #head, #principale, #partie-1, #admin { width:100%; margin:0; }

#admin td { display:block; }

#btn-assistants, #admin { margin:0; }

.topnav.responsive {position: relative; }
.topnav.responsive .icon { position: absolute;  right: 0;  top: 0; }
.topnav.responsive a { float: none; display: block; text-align: left; background-color:#900F61; color:#FFFFFF; padding:5px; text-decoration:none; border-bottom:#FFFFFF solid 1px; }
.topnav a {display: none; }
.topnav a.icon { float: right; display: block; background-color:#900F61; color:#FFFFFF; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/PIE.htc); }

}

/*-------------- smartphone paysage + tablette portrait ----------------------*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1080px){

img { max-width:100%; }

#menu, .menu1  {  display:none; }

.menumobile {  display:block; min-height:30px; }

#contenant, #head, #principale, #partie-1, #admin { width:100%; margin:0; }

#admin td { display:block; }

#btn-assistants, #admin { margin:0; }

.topnav.responsive {position: relative; }
.topnav.responsive .icon { position: absolute;  right: 0;  top: 0; }
.topnav.responsive a { float: none; display: block; text-align: left; background-color:#900F61; color:#FFFFFF; padding:5px; text-decoration:none; border-bottom:#FFFFFF solid 1px; }
.topnav a {display: none; }
.topnav a.icon { float: right; display: block; background-color:#900F61; color:#FFFFFF; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/PIE.htc); }

}