body {
    margin:0px;
    padding: 0px;
    font-family: Helvetica, Arial, Sans-serif;
    background-color: #dddddd;
}
#website {
    position: relative;
    width: 930px;
    left: 50%;
    margin-left: -465px;
}
#topheader {
    background-color: #99cc22;
    background-image: url(/images/click4france/top-header.png);
}
#topheader {
    width: 930px;
    height: 70px;
}
#headerlogin {
    font-height: 15px;
    margin-right: 10px;
    float: right;
    width: 244px;
    height:18px;
    background-color: #313131 !important;
    background-color: none;
    text-transform: uppercase;
    color: #ffffff;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: center;
    font-height: 15px;
    padding-top: 6px;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border: 0px solid #000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    cursor:pointer;
    background-image: url('/images/click4france/connexion.png');
}
#imagecenter {
    background-image: url(/images/click4france/fille3.jpg);
    width: 930px;
    height: 422px;
}
#middlebar {
    width: 930px;
    height: 15px;
    background-color: #99cc22;
    /*background-image: url("/images/click4france/barre-middle.png")*/
}
#content, #content-in, #content-in-black{
    width: 930px;
    height: 375px;
    background-color: #ffffff;
}
#content-in, #content-in-black {
    height: 650px;
}
#content-in-black {
    background-color: #1a1a1a;
}
#content-in-centered{
    width: 753px;
    position: relative;
    top: 63px;
    margin-left: auto;
    margin-right: auto;
    height: 565px;
    background-color: #1a1a1a;
}
#content {
    background-image: url(/images/click4france/background-degrade.png);
    height: 375px;
    overflow: hidden;
}
#content-left {
    width: 290px;
    height: 300px;
    float:left;
}
#contentsquare2, #contentsquare3 {
    background-color: #868686 !important;
    background-color: none;
    background-image: url(/images/click4france/cube-gris.png) !important;
    background-image: url(/images/click4france/contentsquare2.png);
}
#contentsquare1 {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    width: 290px;
    height: 150px;
    float: left;
    border: 0px solid #000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #000000;
    background-color: #eeeeee !important;
    background-color: none;
    background-image: url('/images/click4france/contentsquare1.png');
    overflow: hidden;
}
#contentsquare1 a{
    color: #BF358F;
    font-size: 12px;
    text-decoration: none;
}
#contentsquare1title, .contentsquare1title {
    border-bottom: 1px solid #000000;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    left: 20px;
    float: left;
    position: relative;
    width: 250px;
    font-size: 13px;
}
#contentsquare1body, .contentsquare1body {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    float: left;
    width: 250px;
    font-size: 11px;
}
#contentsquare2 {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    width: 290px;
    height: 150px;
    float: left;
    border: 0px solid #000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffff;
}
#contentsquare3 {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    width: 290px;
    height: 150px;
    float: left;
    border: 0px solid #000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffff;
}
#contentsquareunder1 {
    width: 280px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    height: 10px;
    background-color: #7d7d7d;
    float: left;
}
#contentsquareunder23 {
    width: 590px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    height: 10px;
    /*background-image: url(/images/click4france/barre-jaune.png);*/
    background-color: #313131;
    float: left;
}
#contentsquaretext23 {
    width: 590px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    height: 200px;
    background-color: #d4d4d4;
    float: left;
}
#sloganbas {
    width: 260px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 40px;
    height: 150px;
    background-color: #ffffff;
    float: left;
    text-transform: uppercase;
    color: #000000;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 22px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    font-height: 15px;
}
#sloganbascolor2 {
    position: relative;
    top: 10px;
    margin-top: 20px;
    color: #BF358F;
    /*text-shadow:0 3px 3px #222222;*/
}
#contentsquarecolonne, #contentinsquarecolonne, .contentsquarecolonne {
    width: 280px;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 25px;
    height: 175px;
    background-color: #ffffff;
    float: left;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

#contentinsquare {
    height: 610px;
    width: 590px  !important;
    width: 580px;;
    float: left;
    margin-top:10px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding:10px;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    float: left;
    border: 0px solid #000;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    color: #000000;
    background-color: #eeeeee;
    font-size: 13px;
}
#contentinsquaretitle {
    border-bottom: 1px solid #000000;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
    left: 0px;
    float: left;
    position: relative;
    width: 530px  !important;
    width: 515px;
    font-size: 18px;
    text-shadow:0 1px 1px #333333;
}
#content-with-scroll {
    overflow: auto;
    width: 600px !important;
    width: 570px;
    height: 560px;
    float: left;
}
#boule-jaune-insquare, .boule-jaune-insquare {
    width: 50px;
    height: 50px;
    position:relative;
    display:block;
    float:left;
    left: -20px;
    top:-20px;
    background-image: url(/images/click4france/boule-mauve.png);
}
#bottom {
    height:170px;
    width: 930px;
    background-color: #313131;
    float: left;
    font-size: 12px;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    border: 0px solid #000;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

#bottom ul {
    float:left;
    margin:15px 6px 0px 5px;
    list-style:none outside;
}

#bottom ul li { margin-top:4px; }

#bottom ul li.cat {
    margin-top:0px;
    color:#9f9f9f;
    text-transform:uppercase;
}

#bottom ul li a, #bottom ul li { text-decoration:none; color:#5f5f5f; }
#bottom ul li a:hover { text-decoration:underline; }
#bottom ul li.cat a { color:#9f9f9f; }
#menutop {
    float: right;
    font-size: 12px;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 25px;
    width: 600px;
}
#menutop ul {
    float:left;
    margin: 0px;
    list-style:none outside;
    padding-left: 15px;
    padding-right: 15px;
}

#menutop ul li { margin-top:4px; }

#menutop ul li.cat {
    margin-top:0px;
    color:#ffffff;
    text-transform:uppercase;
}

#menutop ul li a { text-decoration:none; color:#5f5f5f;}
#menutop ul li a:hover { text-decoration:underline; color:#9E22CC; }
#menutop ul li.cat a { color:#ffffff; }
#menutop ul li.cat a:hover { color:#9E22CC; }
#logoc4f {
    background: url(/images/click4france/logo-c4f.png) no-repeat scroll 0px -2px;
    width: 240px;
    height: 55px;
    left:20px;
    float: left;
    position: relative;
    padding-top: 0px;
    padding-left: 0px;
    text-transform: uppercase;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    cursor:pointer;
    padding-bottom: 0px;
}
#logoc4f-slogan {
    float:left;
    position: relative;
    top: 54px;
    left : -182px;
    font-size: 12px;
}
a.signup-button{
    background:#9c2 url("/images/click4france/bg-btn-signup-bibi.png") repeat-x 0 0;
    display:block;
    padding:8px 10px;
    border:1px solid #99cc22;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    text-decoration:none;
    text-align:center;
    color:#333;
    text-shadow:0 1px 0 #99cc22;
    font:18px Helvetica,Arial,Sans-serif;
    font-weight:bold;
    outline:none;
    width: 200px;
}
.safari a.signup-button{
    padding:8px 0;
}
a.signup-button:hover,a.signup-button:focus{
    background-position:0 -5px;
    color:#111;
}
a.signup-button:active{
    background-image:none;
}
#boule-jaune, .boule-jaune {
    width: 50px;
    height: 50px;
    position:relative;
    display:block;
    float:left;
    left: -10px;
    top:-10px;
    background-image: url(/images/click4france/boule-mauve.png);
}
#contentsquare2title, .contentsquare2title {
    border-bottom: 1px solid #000000;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    left: 0px;
    float: left;
    position: relative;
    width: 200px;
    font-size: 18px;
    text-shadow:0 1px 1px #333333;
}

#contentsquare2body, .contentsquare2body {
    padding-left: 20px;
    padding-right: 20px;
    top: -10px;
    float: left;
    width: 250px !important;
    width: 290px;
    font-size: 13px;
    font-family: Helvetica, Arial, Sans-serif;
    line-height: 13px;
    color: #000000;
}
#slogan1-image {
    float: right;
    position: relative;
    padding: 0px;
    top: 60px;
    right: 50px;
    width: 450px;
    height: 70px;
    color: #BF358F;
    text-transform: uppercase;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    font-height: 15px;
    line-height: 20px;
}
#slogan2-image {
    float: left;
    position: relative;
    width: 500px;
    padding: 0px;
    text-shadow:0 1px 0 #aaa;
    font:18px Helvetica,Arial,Sans-serif;
    font-weight:normal;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #444444;
    top: 210px;
    left: 630px;
}
#loginblock {
    background-color: #ffffff;
    width: 350px;
    height: 350px;
    float:left;
}
#login-cadena {
    width:64px;
    height: 64px;
    float:left;
    background-image: url("/images/click4france/lock.png");
    position: relative;
    top:10px;
    left: 20px;
}
#login-title {
    width: 226px;
    margin-top: 20px;
    margin-left: 40px;
    height: 70px;
    float: left;
    text-transform: uppercase;
    color: #000000;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 22px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    font-height: 25px;
    line-height: 27px;
}
#login-error {
    float: left;
    width: 350px;
/*    height: 30px;*/
    color: #ff0000;
    font-size: 18px;
    text-align: center;
    margin-top:10px;
}
#login-line {
    float: left;
    width: 300px;
    height: 30px;
    margin-left: 40px;
    font-size: 12px;
}
#login-line-captcha {
    float: left;
    width: 300px;
    height: 25px;
    text-align: center;
    position: relative;
    top: 2px;
    left: 20px;
    font-size: 12px;
}
#login-line a {
    color: #BF358F;
    float: left;
    width:269px;
    text-align: center;
}
#login-line-nomargin {
    float: right;
    width: 300px;
    height: 30px;
    position: relative;
    top: 0px;
    left: -5px;
    text-align: center;
}
#login-email, #login-password {
    float: left;
    width: 120px;
    margin-top: 5px;
}
#login-captch {
    float: left;
    width: 120px;
    margin-top: -10px;
}
#login-email-input, #login-password-input {
    float: left;
    height: 30px;
}
#login-end {
    float: right;
    width: 300px;
    height: 30px;
}
#simple_captcha{
    border: 0px solid #ccc;
    padding: 0px !important;
    width: 350px;
    background-color: #ffffff;
    float: right;
    margin-bottom: 10px;
}
#simple_captcha .simple_captcha_image {
    width: 120px;
    float:left;
    padding: 0px !important;
    margin-left: 27px;
    height:35px;
}
#simple_captcha .simple_captcha_field {
    margin: 0px 0px 0px 13px !important;
    padding: 0px !important;
    width: 170px;
    float: left;
    position: relative;
    top: 3px;
    text-align: left;
    height:35px;
}

#simple_captcha .simple_captcha_image img{
    margin: 0px !important;
    padding: 0px !important;
    width: 110px !important;
    text-align: center;

}
#simple_captcha .simple_captcha_label{
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: #5D5D5D;
    width: 350px;
    float: left;
    text-align: center;
}
#register-input, #captcha {
    border: 1px solid #777777;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    width: 130px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#simple_captcha .simple_captcha_field input{
    width: 100px !important;
    font-size: 16px;
    border: 1px solid #777777;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.btn-ptt {
    background:#ffffff url("/images/click4france/bg-btn-signup-bibi.png") repeat-x 0 0;
    display:block;
    padding:8px 10px;
    border:1px solid #99cc22;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    text-decoration:none;
    text-align:center;
    color:#333;
    text-shadow:0 1px 0 #99cc22;
    font:18px Helvetica,Arial,Sans-serif;
    font-weight:bold;
    outline:none;
    width: 120px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

#login-register {
    width: 930px;
    height: 230px;
    background:#00ff00 url("/images/click4france/lock.png") no-repeat 10px 10px;
}
.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}
#footer  {
    position: relative;
    width: 930px;
    text-align: center;
    top: 5px;
}
#footer , #footer a {
    font:11px Helvetica,Arial,Sans-serif;
    color: #333333;
}
iframe.googlemap {
    border: 20px solid #ffffff;
    height: 250px;
    width: 250px;
    margin: 0;
    padding: 0;
    position: relative;
    top:-25px;
}

.prog-border-red {
	width: 400px;
	height: 12px;
	padding: 0px;
	border: 1px solid #000;
	background: url(/images/progressbar/progress_red.gif) repeat-x;
}
.prog-border-unknown {
    width: 150px;
    height: 12px;
    padding: 0px;
    border: 1px solid #000;
    background: url(/images/progressbar/progress_unknown.gif) repeat-x;
}
.prog-bar-unknown {
	height: 12px;
	background: url(/images/progressbar/progress_unknown.gif) repeat-x;
}
.prog-bar-green {
	height: 12px;
	background: url(/images/progressbar/progress_green.gif) repeat-x;
}
.prog-bar-red {
	height: 12px;
	background: url(/images/progressbar/progress_red.gif) repeat-x;
}


#logo-warn {
    width:64px;
    height: 64px;
    float:left;
    background-image: url("/images/click4france/warn.png");
    position: relative;
    top:10px;
    left: 20px;
}

#lostblock {
    background-color: white;
    font-size: 12px;

    width: 350px;
    height: 350px;
    float:left;
}