/* CSS Document */
/*Globale*/
body { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; background: #f2f2f2; font-size: 1em; margin: 10px 0 0 0; color: #036; }
h1 { font-size: 1.5em; font-style: italic; color: #036; padding-left: 35px; padding-top: 20px; padding-bottom: 15px; margin: 0px; background: url(/_templates/default/images/h1-bckg.gif) no-repeat left top; }
h2 { font-size: 1.1em; font-style: italic; border-bottom: 1px solid #F60; margin: 5px 0 0 0; padding-left: 20px; color: #F60; background: url(/_templates/default/images/h2-arrow.gif) no-repeat left center; }
h2 a { color: #F60; text-decoration: none; }
h2 a:hover { color: #036; text-decoration: none; }
.h2option { position: relative; border: 0px; width: 200px; padding: 0px; margin: -15px 10px 0px auto; text-align: right; bottom: 0px; font-size: 0.7em; }
.h2option a { color: #036; font-weight: bold; text-decoration: none; }
.h2option a:hover { color: #F60; }
/* Structure du site */
div#englobe { position: relative; /*positionner le bloc */ width: 950px; margin: 0 auto; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background: #FFF; }
div#keyfoot { position: relative; width: 950px; margin: 0 auto; font-size: 0.7em; color: #999999; }
div#keyfoot p { color: #999999; }
div#header { background: #036; color: #F60; padding-left: 5px; }
div#header a { font-size: 0.7em; color: #F60; font-weight: bold; text-decoration: none; }
div#header a:hover { color: #FFF; text-decoration: underline; }
.mention { position: absolute; top: 4px; right : 5px; margin: 0px; color: #FFF; font-size: 0.7em; font-weight: bold; font-style: italic; }
div#sous-header { background: #FFF url(/_templates/default/images/logo-myown.gif) no-repeat left bottom; border-bottom: 2px solid #CCC; padding-top: 35px; padding-bottom: 0px; padding-left: 155px; }
div#sous-header p { margin: 0px; color: #036; font-weight: bold; font-size: 0.8em; font-style: italic; }
div#sous-header p em { color: #F60; }
div#sous-header p span { font-family: Arial; }
div#ver-domaine p { margin: 0px; }
.newslineheader { position: absolute; top: 130px; right: 10px; font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 0.8em; color: #036; text-decoration: none; }
.newslineheader a { font-style: italic; color: #036; text-decoration: none; }
.newslineheader a:hover { color: #F60; font-style: italic; text-decoration: underline; }
.support0903header { position: absolute; top: 140px; right: 10px; }
.support0903 { margin-top: 20px; margin-left: 10px; margin-bottom: 10px; }
.livehelp { margin-top: 20px; margin-left: 10px; margin-bottom: 10px; }
.ronds { position: absolute; top: 27px; right: 10px; }
.rond1 { position: absolute; top: 27px; right: 5px; }
.rond2 { position: absolute; top: 27px; right: 45px; }
.rond3 { position: absolute; top: 27px; right: 85px; }
div#left { margin-top: 10px; float: left; /*sort du flux se positionne sur la gauche du bloc conteneur*/ width: 170px; }
div#right { margin-top: 25px; float: right; /*sort du flux se positionne sur la droite du bloc conteneur*/ width: 150px; text-align: center; }
div#contentfirstpage { margin-left: 175px; margin-right: 50px; margin-top: 10px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 25px; color: #036; text-align: center; }
div#contentfullpage { /* Page de contenu sans colonne publicitaire droite */ margin-left: 175px; margin-right: 50px; margin-top: 10px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 25px; color: #036; background: url(/_templates/default/images/separator.gif) no-repeat left bottom; }
div#content { margin-left: 175px; margin-right: 155px; margin-top: 10px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 25px; color: #036; background: url(/_templates/default/images/separator.gif) no-repeat left bottom; }
/* Zone de texte avec marge gauche et droite */
.textecentre { margin: 10px 10px 20px 10px; text-align: center; }
.textecadre { margin: 10px 10px 20px 10px; }
.textecadre p { color: #036; font-size: 0.8em; }
.textecadre p a { font-style: italic; color: #036; text-decoration: none; }
.textecadre p a:hover { color: #F60; font-style: italic; text-decoration: underline; }
.textecadre ul { color: #036; font-size: 0.8em; }
.payment-method { border-bottom: 2px solid #CCC; }
.zonegrise { background-color: #EEEEEE; width: 500px; position: relative; margin: 0 auto; }
p { color: #036; font-size: 0.8em; }
.greyform { background-color: #EEEEEE; width: 450px; margin-top: 5px; margin-bottom: 10px; margin-left: 10px; }
.formulaire { margin: 10px 10px 20px 10px; }
.formulaire form { background-color: #EEEEEE; width: 400px; }
.formulaire label { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #666666; letter-spacing: 2pt; vertical-align: bottom; }
.formulaire input.checkbox { background-color: #eee; }
.formulaire input,
select { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #333333; letter-spacing: 1pt; vertical-align: middle; background-color: #FFFFFF; }
.formulaire input.checkbox { background-color: #eee; }
.formulaire input.button { font-size: 0.7em; font-weight: bold; color: #666666; letter-spacing: 2pt; border-right: #666666 0px solid; border-top: #666666 2px solid; border-left: #666666 0px solid; border-bottom: #666666 2px solid; height: 18px; line-height: 10px; background-color: #eeeeee; margin-left: 5px; }
.formulaire input.button:hover { color: #003366; }
div#footer { background: #036; color: #FFF; text-align: right; font-size: 0.7em; font-weight: bold; padding-right: 5px; clear: both; }
div#footer a { color: #FFF; font-style: italic; text-decoration: none; }
div#footer a:hover { color: #F60; font-style: italic; text-decoration: none; }
div#footer-left { background: #036; color: #FFF; float: left; text-align: left; width: 200px; }
div#footer-right { background: #036; color: #FFF; float: right; text-align: right; width: 200px; }
div#valid { text-transform: uppercase; text-align: center; font-size: 0.75em; font-weight: bold; }
div#valid a { color: #999; }
div#valid a:hover { color: #036; }
/* Hide from IE5-mac. Only IE-win sees this. */

* html #left { margin-right: 0px; }
* html #content { height: 1%; margin-left: 0; }
/* End hide from IE5/mac */
ul.menu { margin: 0px 0px 10px 5px; padding: 0px; font-weight: bold; list-style-type: none; }
.menu li { background: #E9E9FF; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
.menu a { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 3px; line-height: 17px; height: 17px; font-size: 0.75em; color: #036; text-decoration: none; background: url(/_templates/default/images/blue-circle.gif) no-repeat left center; }
.menu a:active { text-decoration: underline; }
.menu a:hover { color: #F60; background: url(/_templates/default/images/orange-circle.gif) no-repeat left center; }
ul.menu li.first { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px; height: 30px; line-height: 30px; font-size: 1em; font-weight: bold; font-style: italic; color: #336; background: #FFF url(/_templates/default/images/top-menu.gif) no-repeat left center; }
/*-----------------------------------------------------------------------------------*/
/*-----------CREATION DU CADRE-------------------*/

div#ver-domaine { background: #F8F8FF; /*mauve léger*/ height: 65px; border-bottom: 1px solid #E3E4FF; padding-top: 12px; padding-left: 5px; }
div#ver-domaine-small { background: #F8F8FF; /*mauve léger*/ height: 40px; border-bottom: 1px solid #E3E4FF; padding-top: 12px; padding-left: 5px; }
#domainchoice-cadre { /* taille du cadre, à titre d'exemple */ background: url(/_templates/default/images/bckg-domaine.jpg) repeat-x bottom; padding: 0px; border: 0px; height: 55px; }
/* propriétés spécifiques à chaque coin */
#domainchoice-hautgauche { width: 9px; height: 10px; background: url(/_templates/default/images/hautgauche.gif) no-repeat left top; }
#domainchoice-hautdroit { width: 9px; height: 10px; background: url(/_templates/default/images/hautdroit.gif) no-repeat right top; }
#domainchoice-basgauche { width: 9px; height: 10px; background: url(/_templates/default/images/basgauche.gif) no-repeat left bottom; }
#domainchoice-basdroit { width: 9px; height: 10px; background: url(/_templates/default/images/basdroit.gif) no-repeat right bottom; }
#domainchoice-contenu { border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.domainchoice-border-top { border-top: 1px solid #CCC; }
.domainchoice-border-bottom { border-bottom : 1px solid #CCC; }
.domainchoice-border-left { border-left: 1px solid #CCC; width: 9px; height: 30px; }
.domainchoice-border-right { border-right: 1px solid #CCC; width: 9px; height: 30px; }
form { margin: 0px; padding: 0px; }
/* ------------------MyOwn CSS----------------------*/
.top-commande { font-size: 0.8em; font-weight: bold; letter-spacing: 2pt; color: #666666; text-align: left; }
.form-button { font-size: 0.7em; font-weight: bold; color: #666666; letter-spacing: 2pt; border-right: #666666 0px solid; border-top: #666666 2px solid; border-left: #666666 0px solid; border-bottom: #666666 2px solid; height: 18px; line-height: 10px; background-color: #eeeeee; margin-left: 5px; }
.form-button:hover { color: #003366; }
.form-button-100 { font-size: 0.7em; font-weight: bold; color: #666666; letter-spacing: 2pt; border-right: #666666 0px solid; border-top: #666666 2px solid; border-left: #666666 0px solid; border-bottom: #666666 2px solid; height: 18px; line-height: 10px; background-color: #eeeeee; width: 100px; }
.form-button-100:hover { color: #003366; }
.form-topbox { font-size: 0.65em; font-weight: bold; color: #333333; letter-spacing: 1pt; background-color: #FFFFFF; }
.top-commande-large { font-size: 0.8em; font-weight: bold; color: #666666; letter-spacing: 6pt; text-align: center; }
.general-texte { color: #036; /*	font-size: 0.8em;	*/
text-align: justify; }
/* Image flottante à gauche du texte */
.image-texte-gauche { float: left; margin: 5px 10px 10px 5px; }
/* Image flottante à droite du texte */
.image-texte-droite { float: right; margin: 5px 10px 10px 5px; }
.column_header { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; color: #003366; font-weight: bold; text-decoration: none; vertical-align: middle; }
.column_header a:hover { color: #003366; text-decoration: underline; }
.column_data { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; color: #003366; ; font-weight: bold; text-decoration: none; }
.column_data a:hover { color: #003366; text-decoration: underline; }
.column_data span .light { color: #aaaaaa; }
.column_data span .tips { color: #003366; }
.form-title { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #666666; letter-spacing: 2pt; vertical-align: bottom; }
.form-title a { text-decoration: underline; }
.form-title a:hover { color: #003366; text-decoration: underline; }
.form-title-required { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 8px; font-weight: bold; color: #FF6600; letter-spacing: 2pt; vertical-align: top; }
.form-title-help { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #FFFF00; letter-spacing: 2pt; vertical-align: bottom; text-align: center; }
.form-link { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #666666; letter-spacing: 2pt; vertical-align: middle; text-decoration: none; }
.form-link:active { color: #666666; }
.form-link:link { color: #666666; }
.form-link:visited { color: #666666; }
.form-link:hover { color: #F60; }
.form-textfield { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #333333; letter-spacing: 1px; vertical-align: middle; background-color: #FFFFFF; }
.form-selectfield { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #333333; letter-spacing: 1pt; vertical-align: middle; background-color: #FFFFFF; }
.message-warning { font-weight: bold; color: #FF6600; text-decoration: blink; text-decoration: underline; }
.message-error { font-weight: bold; color: #FF0000; text-decoration: blink; }
.message-success { font-weight: bold; color: #00FF00; text-decoration: none; }
.texte-explication { color: #AAAAAA; font-size: 0.8em; text-decoration: none; text-align: justify; padding-left: 20px; padding-right: 20px; }
.entete-large { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 14px; font-weight: bold; color: #FF6600; letter-spacing: 5pt; line-height: 12px; vertical-align: middle; }
/* tableau hosting */
.tblh_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold }
.tblh_title a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold }
.tblh_option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal }
.tblh_optionbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: bold }
/* Block de formulaire */
.form-block { position: relative; width: 100%; height: auto; margin-left: 5px; margin-right: 5px; background: #FFF; padding-bottom: 15px; }
.form-block-left { margin-top: 10px; margin-left: 20px; padding-top: 0; padding-bottom: 5px; width: 425px; background: #EEE; }
.form-block-left label { font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px; font-weight: bold; color: #666666; letter-spacing: 2pt; vertical-align: bottom; }
.form-block-right { margin-top: 30px; margin-right: 10px; float: right; /*sort du flux se positionne sur la droite du bloc conteneur*/ width: 120px; text-align: center; }
/* Edition VCard */
div#edit-vcard { position: relative; height: 165px; }
div#edit-vcard #title { position: absolute; width: 100%; top: 3px; text-align: center; font-size: 10px; font-weight: bold; color: #666666; letter-spacing: 2pt; vertical-align: bottom; }
div#edit-vcard #field1 { position: absolute; width: 400px; top: 30px; text-align: center; font-size: 10px; left: 10px; }
div#edit-vcard #field2 { position: absolute; width: 400px; top: 50px; text-align: center; font-size: 10px; left: 10px; }
div#edit-vcard #field3 { position: absolute; width: 175px; left: 10px; bottom: 60px; text-align: left; font-size: 10px; }
div#edit-vcard #field4 { position: absolute; width: 175px; left: 10px; bottom: 35px; text-align: left; font-size: 10px; }
div#edit-vcard #field5 { position: absolute; width: 175px; left: 10px; bottom: 10px; text-align: left; font-size: 10px; }
div#edit-vcard #field6 { position: absolute; width: 175px; right: 10px; bottom: 60px; text-align: right; font-size: 10px; }
div#edit-vcard #field7 { position: absolute; width: 175px; right: 10px; bottom: 35px; text-align: right; font-size: 10px; }
div#edit-vcard #field8 { position: absolute; width: 175px; right: 10px; bottom: 10px; text-align: right; font-size: 10px; }
div#edit-vcard #poweredby { position: absolute; bottom: 3px; right: 3px; border: none; }
/* Box d'alerte */
div.AlertBoxOverdiv { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; background-color: #c0c0c0; }
div.AlertBoxSquare { position: absolute; top: 100px; left: 50%; height: 200px; width: 500px; margin-left: -250px; background-color: #ff9; border: #aaa; border-style: solid; }
div.AlertBoxSquare div.msg { color: #036; font-size: 15px; padding: 15px; }
div.AlertBoxSquare button.closebtn { position: absolute; right: 10px; bottom: 10px; color: red; }




/*-------------------MyOwn------------------------------------------------------------*/
/*-------------------FIN CADRE--------------------------------------------------------*/