/* Start of CMSMS style sheet 'style' */
/**********/
/* GENERAL */
/**********/

html{
margin:0;
padding:0;
 font-size: 100%;
}

body{
width: 100%;
margin: auto;
padding:0;
}

fieldset{
border: none;
}

.top {
height: 84px;
}

.right {
float:left;
}

.corner{
display:block;
height: 10px;
width: 11px;
color: #000;
background: #BBB url(./uploads/images/corner.jpg) no-repeat left top;
}

.border-right{
display:block;
width: 11px;
color: #111;
background: #BBB url(./uploads/images/border-right.jpg) repeat-y left top;
}

.bottom{
display:block;
color: #AAA;
background-color: #FFF;
height: 11px;
}

.corner2{
display:block;
height: 11px;
width: 12px;
color: #222;
background: #BBB url(./uploads/images/corner2.jpg) no-repeat left top;
float:left;
}

.border-bottom{
display:block;
height: 11px;
color: #333;
background: #BBB url(./uploads/images/border-bottom.jpg) repeat-x left top;
float: left;
}

.corner3{
display:block;
height: 11px;
width: 11px;
color: #444;
background: #BBB url(./uploads/images/corner3.jpg) no-repeat left top;
float:left;
}

#content{
margin: auto;
width: 985px;
height: 200px;
}

.content_bold{
font: bold 14px verdana, arial, sans-serif;
font-variant: small-caps;
color: #3eb3e9;
}

/*******/
/* HEAD */
/*******/

#head{
color: #555;
background: #BBB url(./uploads/images/head_fond.jpg) repeat-x left top;
margin-bottom : 3px;
}

#logo{
height: 109px;
width:890px;
margin: auto;
}

/*************/
/* MAIN MENU */
/************/

#fond_menu{
color: #666;
height: 27px;
background: #BBB url(./uploads/images/fond_button.jpg) repeat-x left top;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

/*********/
/* PHOTO */
/*********/

#bloc-photo{
margin: auto;
width: 985px;
height: 124px;
}

/***************/
/* LEFT CONTENT */
/***************/

#left-content{
width: 323px;
height: 712px;
float: left;
}

.left_title{
font: bold 14px verdana, arial, sans-serif;
font-variant: small-caps;
color: #3eb3e9;
background-color: inherit;
text-align: center;
margin: 14px 0 0 0;
border-bottom: 1px solid #3eb3e9;
}

#contenu-left{
color: #FFF;
display:block;
background-color: #5f5f5f;
width: 290px;
height: 680px;
padding: 10px;
border-top: 1px solid #99dfff;
border-left: 1px solid #99dfff;
float:left;
}

#height-left-content{
height: 691px;
}

#width-left-content{
width: 299px;
}

/*****************/
/* RIGHT CONTENT */
/*****************/

#right-content{
width: 662px;
height: 712px;
float:left;
}

#contenu-right{
color: #FFF;
display:block;
background-color: #5f5f5f;
width: 629px;
height: 680px;
padding: 10px;
border-top: 1px solid #99dfff;
border-left: 1px solid #99dfff;
float:left;
overflow:auto;
font: 12px verdana, arial, sans-serif;
text-align: justify;
line-height: 22px;
}

.right_title{
font: bold 18px verdana, arial, sans-serif;
font-variant: small-caps;
color: #3eb3e9;
background-color: inherit;
letter-spacing: 1px;
}

#margin_first_title{
 margin-top: 10px;
}

#height-right-content{
height: 691px;
}

#width-right-content{
width: 638px;
}

/*********************/
/* LEGAL REQUIREMENT */
/*********************/

#mentions_legales { 
font: 10px verdana, arial, sans-serif;
color: #3eb3e9;
text-align: justify;
display:block;
background-color: #5f5f5f;
width: 972px;
height: 33px;
border-top: 1px solid #99dfff;
border-left: 1px solid #99dfff;
float:left;
}

#mentions_legales a:link, #mentions_legales a:visited{
text-decoration:none;
color: #3eb3e9;
background-color: inherit;
}

#mentions_legales a:hover{
text-decoration:none;
color: #FFF;
background-color: inherit;
}

#footer{
display:block;
margin: auto;
width: 986px;
height: 43px;
}

#height-footer{
height: 24px;
}

#width-footer{
width: 961px;
}

/*****************/
/* ACCES CLIENTS */
/*****************/


#account_name{
font: 14px verdana, arial, sans-serif;
font-variant: small-caps;
color: #FFF;
background-color: inherit;
text-align: left;
}

.account_title{
font: 14px verdana, arial, sans-serif;
font-variant: small-caps;
color: #3eb3e9;
background-color: inherit;
text-align: center;
margin : 0 0 10px 0;
border-bottom: 1px solid #3eb3e9;
}

.account_subtitle{
font: 12px verdana, arial, sans-serif;
font-variant: small-caps;
color: #FFF;
background-color: inherit;
text-align: left;
}

.error{
font: 12px verdana, arial, sans-serif;
font-variant: small-caps;
color: red;
background-color: inherit;
text-align: left;
}

.parameter{
font: 12px verdana, arial, sans-serif;
font-variant: small-caps;
color: #FFF;
background-color: inherit;
text-align: left;
padding: 20px 0 20px 0;
}

.account_content{
font: italic 12px Verdana, arial, sans-serif;
color: #FFF;
background-color: inherit;
text-align: right;
}

.account_content a:link, .account_content a:visited, .account_subtitle a:link, .account_subtitle a:visited{
text-decoration:none;
color: #FFF;
background-color: inherit;
}

.account_content a:hover, .account_subtitle a:hover{
text-decoration:none;
color: #3eb3e9;
background-color: inherit;
}


/*********/
/* AUTRES */
/*********/

.horaire_content{
font: 12px verdana, arial, sans-serif;
font-variant: small-caps;
text-align: center;
color: #bdeaff;
background-color: inherit;
margin : 15px 0 15px 0;
}

#crayon{
margin  : 40px 0 -16px 0;
}
/* End of 'style' */