/* CSS d'EXEMPLE CAHIER DES CHARGES 2008 */
/* date : 23.10.07 */
/* unités : px */
@charset "utf-8";

/* ________________________________________________ => COLORS */

.grey { color: #333333; }
.blue { color: #0099cc; }
.brown { color: #cc9933; }
.white { color: #ffffff; }

/* ________________________________________________  => LINKS */

a { color: #ffffff; text-decoration: none; font: 11px Arial, Helvetica, sans-serif; }
a:hover { text-decoration: underline; }
.link1 { color: #FFFFFF; text-decoration: none; background: #524941; }
.link1:hover { text-decoration: none; background: #D1CAC9; }
.link2 { color: #FFFFFF; text-decoration: none; background: #524941; }
.link2:hover { text-decoration: none; background: #D1CAC9; }
.link3 { text-decoration: none; color: #FDF1B8; }
.link3:hover { }
.link4 { color: #FFFFFF; font-size: 11px; font-weight: normal; text-decoration: none; text-align: left; float: right; display: block; margin-right: 32px; }
.link4:hover { text-decoration: underline; }
.link5 { font-size: 11px; color: #FFFFFF; display: block; float: right; margin-top: 42px; background: #75AFDD; padding: 2px 10px; }
.link5:hover { text-decoration: none; background: #3367CD; }
.flags { margin-top: 2px; margin-left: 0px; margin-right: 10px; float: right; }

/* ________________________________________________ => MENU*/

.menu1 { font-size: 10px; color: #333333; float: left; font-weight: normal; padding-left: 17px; margin: 4px 8px 0px; text-transform: uppercase; background: url(../gfx/puce1.gif) no-repeat 1px 3px; padding-top: 1px; }
.menu1:hover { text-decoration: none; color: #d1cac9; }
.menu2 { font-size: 10px; color: #333333; text-align: center; display: block; float: right; padding: 5px 10px 0px 30px; margin: 0px; text-transform: uppercase; background: #e7e4df url(../gfx/puce2.gif) no-repeat 10px 6px; border-right: 1px solid #d4d9d8; border-left: 1px solid #d4d9d8; height: 18px; }
.menu2:hover { text-decoration: none; background: #FFFFFF url(../gfx/puce2.gif) no-repeat 10px 6px; color: #a29c97; }
.selected { background: url(../gfx/menu1.gif) no-repeat right 1px; text-decoration: none; color: #000000; }

/* ________________________________________________ => TITLES */

h1 { color:#D1CAC9; font-size: 20px; margin: 0px 0px 0px -2px; letter-spacing: -1px; font-weight: normal; text-align: left; font-style: normal; padding: 0px; display: block; }
h2 { color:#6d6762; font-size: 20px; margin: 0px 0px 0px -2px; letter-spacing: -1px; font-weight: normal; text-align: left; font-style: normal; padding: 0px; display: block; }
h3 { color:#a29c97; font-size: 24px; text-align: left; font-weight: normal; letter-spacing: -1px; line-height: normal; margin: 0px 0px 0px -2px; }	
h4 { color:#a29c97; font-size: 20px; text-align: left; font-weight: normal; letter-spacing: -1px; line-height: normal; margin: 0px; }	
h5 { color:#a29c97; font-size: 20px; text-align: left; font-weight: normal; letter-spacing: -1px; line-height: normal; margin: 0px; }	
h6 { color: #1d83af; font-size: 14px; padding: 6px 0px 0px; text-align: right; margin: 0px; float: right; letter-spacing: 0px; font-weight: normal; width: 150px; }
.title1 { font-size: 11px; color: #FFFFFF; background: #6d6762; margin-right: 7px; padding: 2px 5px 1px 6px; }
.title2 { color:#4e4945; margin: 0px; padding: 0px; font: italic 18px "Times New Roman", Times, serif; display: block; text-transform: none; }
.title3 { font-size: 16px; color: #FFFFFF; display: block; margin: -3px 0px 0px; padding-left: 19px; float: left; }
.title4 { color: #FFFFFF; font-size: 11px; background: #000000; margin-left: 0px; padding-right: 10px; padding-left: 3px; }
.title5 { font-size: 16px; margin-top: -5px; font-style: normal; color: #b6c9db; float: left; margin-left: 15px; }
.title6 { font-size: 24px; color: #454d55; letter-spacing: -1px; display: block; margin: 10px 0px 0px; padding: 0px 0px 5px; border-bottom: 1px solid #9faeb6; }
.title7 { color: #FFFFFF; display: block; font-size: 24px; padding-left: 15px; font-weight: normal; padding-top: 12px; letter-spacing: -1px; }
.title8 { color: #FFFFFF; display: block; font-size: 24px; padding-left: 15px; margin: 0px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; }
.title9 { display: block; padding: 2px 0px 3px 25px; letter-spacing: 0px; text-align: left; background: url(../gfx/puce3.gif) no-repeat; margin: 0px; font-weight: bold; color: #333333; }
.title10 { font-size: 24px; color: #6f859b; letter-spacing: -1px; display: block; padding-top: 20px; }
.title11 { font-size: 24px; color: #6F859B; display: block; padding-bottom: 10px; padding-top: 17px; border-bottom: 1px solid #9faeb6; letter-spacing: -1px; }
.title12 { display: block; padding: 2px 0px 3px 25px; letter-spacing: 0px; text-align: left; background: url(../gfx/puce4.gif) no-repeat; margin: 0px; font-weight: bold; color: #333333; }
.title13 { font-size: 26px; color: #FFFFFF; display: block; letter-spacing: -1px; margin-top: -5px; }
.title14 { font-size: 16px; color: #b6c9db; display: block; padding-bottom: 0px; padding-top: 5px; }
.title15 { font-size: 24px; color: #6F859B; display: block; padding-bottom: 10px; padding-top: 17px; border-bottom: 1px solid #9faeb6; letter-spacing: -1px; border-top: 1px solid #9faeb6; }


/* ________________________________________________ => TEXTS*/

.text1 { text-align: justify; display: block; padding: 0px 5px 0px 110px; font-size: 11px; color: #000000; text-transform: none; margin: 13px 0px 0px; }
.text2 { margin: 0px; padding: 0px; background: #e0e8ea; border-top: 1px solid #9faeb6; border-right: 1px solid #9faeb6; border-left: 1px solid #9faeb6; }
.text3 { text-align: justify; padding: 5px 5px 5px 10px; }
.text4 { text-align: justify; font-size: 11px; color: #333333; overflow: auto; width: 240px; float: left; padding-right: 40px; padding-left: 25px; margin-top: 30px; }
.text5 { margin-top: 20px; float: left; width: 337px; }
.text6 { background: url(../gfx/bg_content3.gif) no-repeat; height: 61px; padding: 13px; color: #FFFFFF; text-align: justify; }
.text7 { background: url(../gfx/bg_content4.gif) no-repeat; height: 57px; padding: 13px; color: #333333; text-align: justify; margin-top: 20px; }
.borders { padding: 4px; border: 1px solid #b8c2c9; margin-top: 15px; }
.mentions { padding: 0px; display: block; font-size: 10px; color: #575b5f; margin-top: 1px; float: right; text-align: right; margin-right: 0px; }

/* ________________________________________________ => FORM */

#form { margin: 0px; padding: 0px; color: #4E4945; }
.form1 { border-width: medium; border-style: none; width: 100%; background: #e7e4df; font: 11px Verdana, Arial, Helvetica, sans-serif; display: inline-block; color: #4E4945; }
.form2{ font: 11px Arial, Helvetica, sans-serif; width: 48%; float: left; padding-right: 1%; }
.form3{ font: 11px Arial, Helvetica, sans-serif; width: 50%; float: right; }
.form4{ overflow: hidden; margin: 0px; padding: 5px 0px 0px; }
.button1 { font-size: 11px; width: 100%; background: #e7e4df; border-width: medium; border-style: none; color: #4E4945; }
fieldset { border: 1px solid #0c0809; text-transform: uppercase; padding: 5px; margin: 0px 0px 10px; }
legend{ color: #4E4945; }
#form_emailing{ margin: 0px; padding: 0px; color: #FFFFFF; }
.form_emailing1{ width: 110px; background: #3e3d3f; display: inline-block; color: #FFFFFF; font-size: 10px; height: 15px; margin: -1px 0px 0px 10px; padding: 2px 0px 0px 10px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.form_emailing2 { font-size: 10px; background: #3E3D3F; color: #FFFFFF; padding: 0px 4px 2px; height: 17px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; cursor: pointer; margin: 0px 0px 0px 1px; }