/* CSS des balises HTML */

*
{
margin:0;
padding:0;
}

body
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.74em;
color:#333;
line-height:20px;
background:#DFF3D7 url("../../images/design/design_1/main.jpg") center repeat-y;
}

h1
{
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-size:200%;
color:#000;
border-bottom:2px solid #cccccc;
padding:5px 0;
}

h2
{
font-weight:bold;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-size:150%;
color:#000;
border-bottom:1px dotted #000;
padding-bottom:3px;
margin-bottom:10px;
}

a
{
color:#9ACC53;
text-decoration:none;
}

a:hover
{
border-bottom:1px dotted #000;
}

/* CSS des id */

#container
{
width:700px;
padding:10px;
background-color:#fff;
margin:0 auto;
}

#header
{
width:700px;
height:258px;
font-family:"Trebuchet MS", Arial, Verdana;
font-weight:bold;
line-height:20px;
background: #3F4A3E url("../../images/design/design_1/logo_header_1.jpg") top left no-repeat;
}

#header p
{
font-size:150%;
padding:22px;
margin:0;
margin-left:323px;
color:#fff;
}

#header h1
{
color:#fff;
font-size:350%;
padding:0;
padding-top:58px;
padding-left:22px;
padding-bottom:25px;
margin:0;
margin-left:323px;
border-bottom:2px solid #fff;
}

#header ul#restricted
{
list-style-type:none;
margin:0 0 0 auto; 
text-align:right; 
}

#header ul#restricted li
{
display:inline;
padding-right:5px; 
}

#header ul#restricted li a
{
font-weight:normal;
color:#3F4A3E;
}

#header ul#restricted li a:hover
{
font-weight:normal;
text-decoration:underline;
color:#fff;
border-bottom:0 solid #fff
}

#nav
{
background: #fff url("../../images/design/design_1/menubg.jpg") top left repeat-x;
padding-bottom:10px;
}

ul#fonctions
{
float:left;
list-style-type:none;
margin:0 auto;
/*display:inline;*/
margin:5px auto 0 2px;
font-weight:normal;
/*display:none;*/
}

ul#fonctions a:hover
{
border-bottom:0px;
}

ul#fonctions li
{
display:inline;
}

ul#fonctions li img
{
border:0;
margin-left:5px;
vertical-align:middle;
}


#nav {
height: 32px;
}

ul#main_menu
{
float: right;
background-image: url("../images/design/design_1/menubg.jpg");
color:#fff;
margin: 0 0 0 auto;
padding: 0;
list-style-type: none;
white-space: nowrap;
}  

ul#main_menu li
{
position:relative;
float: left;
padding:4px 0px 8px 0px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
text-transform:uppercase;
color:#fff;
}

#main_menu a, #main_menu a:link
{
padding:11px 7px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
font-weight:bold;
text-transform:uppercase;
color:#fff;
}

#main_menu a:hover, #main_menu .aactive
{
background-color:#3F4A3E;
border-bottom:0px solid #000;
}

#main_menu dl {
position:absolute;
top:32px;
left:0;
margin:0 !important;
padding:0 !important;
}

#main_menu dd, #main_menu dt{
display:none;
clear:left;
color: #fff;
text-align:left;
}

#main_menu dd a, #main_menu dd a:visited {
background:#bbb;
color:#fff;
text-decoration:none;
display:block;
padding:7px !important;
}

#main_menu li:hover dd, #main_menu li a:hover dd {
display:block;
}

#main_menu li:hover dl, #main_menu li a:hover dl {
border:1px solid #000;
display:block;
}

#main_menu dd a:hover {
background: #3F4A3E; color:#fff;
}

ul#logos_prog
{
list-style-type:none;
margin:0 auto;
display:block;
}

ul#logos_prog li
{
display:inline;
}

#logos_prog li img
{
border:0;
margin-left:5px;
vertical-align:middle;
}

#footer
{
text-align:center;
padding:7px;
border: 1px solid #ccc;
background:url("../../images/design/design_1/article.jpg") repeat-x bottom right;
}

#footer a:hover
{
border-bottom:0px;
}

#inscription fieldset, #authentification fieldset
{
margin:0;
font-style:normal;
padding:10px;
padding-top:0;
-moz-border-radius:7px;
}
/*Here*/
#authentification fieldset
{
background:url("../../images/design/design_1/config.gif") no-repeat 96% 50%;
}

#inscription legend, #authentification legend
{
font-weight:bold;
color:blue;
background:transparent;
}

#inscription table td, #authentification table td
{
padding: 1px;
padding-right:10px;
}

#inscription table span
{
padding-left:20px;
}

#inscription #coordonnees .oblig, #authentification #donnees .oblig
{
font-weight:bold;
}

#inscription .legend
{
font-style: italic;
color:gray ;
}

.erreur
{
font-weight: bold;
padding-left: 10px;
color: red;
}

#inscription #demande p
{
text-align: center;
}

#inscription #demande textarea
{
margin-top:5px;
}

#inscription label:hover, #cont_pied input
{
cursor: pointer;
}

#inscription #cont_pied, #authentification #cont_pied
{
margin-top:10px;
text-align:right;
}

ul#cont_autres
{
list-style-type:none;
margin:0 auto;
display:table;
text-align:center;  
}

ul#cont_autres li
{
display:inline;
}

#cont_autres li img
{
border:0;
margin-right:10px;
margin-left:20px;
vertical-align:middle;
}

ul#photo_accueil
{
list-style-type:none;
margin:0 auto;
display:block;
text-align:center;
}

ul#photo_accueil li
{
display:inline;
}

#photo_accueil li img
{
border:0;
margin-left:5px;
vertical-align:middle;
}


/* CSS des classes */

#article
{
margin-bottom:10px;
padding:10px;
border: 1px solid #ccc;
background:url("../../images/design/design_1/article.jpg") repeat-x bottom right;
}

#article p
{
margin:10px;
text-indent:15px;
text-align:justify;
}

#article .sous_article
{
border:1px dotted #a7a7a7;
/*overflow:auto;*/
padding:15px;
text-align:justify;
/*height:220px;*/
}

#article .sous_article p
{
margin:0;
text-indent:15px;
}

#article .attention
{
font-style:italic;
background:url("../../images/design/design_1/warning.gif") no-repeat 0px 0px;
text-indent:23px;
}

/*******************************************************/
/*                                                                                                          */
/*                           CSS pour formation.htm                                     */
/*                                                                                                          */
/*******************************************************/

#article .sous_article .form_img
{
float:left;
vertical-align:middle;
}

#article p.form_tarif
{
text-align:right;
padding-top:20px;
}

.form_ctn_ss_art
{
margin:0 0 0 230px;
}

.form_liste_offre
{
margin:10px 0;
padding-left:40px;
list-style-image:url("../../images/design/design_1/ok.gif")
}

/*.form_price 
{
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
color:red;
font-weight:bold;
}*/

/*******************************************************/
/*                                                                                                          */
/*                           CSS pour principe.htm                                     */
/*                                                                                                          */
/*******************************************************/

.prin_img_l
{
float:left;
margin-right:10px;
margin-top:5px;
}

.prin_img_r
{
float:right;
margin-left:10px;
margin-top:5px;
}

/*******************************************************/
/*                                                                                                          */
/*                           CSS pour materiel.htm                                     */
/*                                                                                                          */
/*******************************************************/

.mate_imgs
{
margin-bottom:5px;
text-align:center;
}

.mate_imgs a:hover
{
border-bottom:0;
}

.mate_imgs img
{
border:0;
vertical-align:middle;
}

.mate_ul
{
padding-left:40px;
list-style-image:url("../../images/design/design_1/ok.gif");
margin-bottom:10px;
}

/*******************************************************/
/*                                                                                                          */
/*                           CSS pour index.htm                                     */
/*                                                                                                          */
/*******************************************************/

.accroche {
padding-bottom:20px;
}

.signature {
padding:20px 0px;
}

#admin_ul {
padding-left:10px;
list-style-type:none;
padding:0;
}

#admin_ul li {
padding:5px;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:collapse;
border-width:1px;
border-color:#ccc;
}

#admin_ul img {
float:left;
}

#admin_ul div {
text-indent:10px;
height:34px;
line-height:34px;
}

#admin_ul li:hover {
background-color:#effbf1;
}

#admin_li_bas {
border-style:solid;
border-width:1px;
}

#admin_li_bas:hover {
border-style:solid;
}

#todo
{
/*margin:10px 0;*/
padding-left:20px;
padding-top:10px;
list-style-image:url("../../images/design/design_1/ok.gif")
}

#infos
{
/*margin:10px 0;*/
padding-left:20px;
padding-top:0px;
list-style-image:url("../../images/design/design_1/ok.gif")
}

.done {
text-decoration:line-through;
}

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