@CHARSET "UTF-8";

body {background-color: #FFFFFF; margin: 0px; padding: 0px;	behavior:url('/themes/defaut/css/csshover3.htc'); font-family: Arial; font-size: 11px; color: #000000;}
img {border: 0px;}
form {margin: 0px; padding: 0px;}

.nofloat {clear: both;}

#principal {position: relative; background-image: url(/themes/defaut/images/fondtop.jpg); background-repeat: no-repeat; width: 1251px; margin-left: auto; margin-right: auto; border: 1px solid #ffffff; min-height: 800px; background-color: #C9FEC6}
#print {position: relative; width: 600px; margin-left: auto; margin-right: auto}
#logo {position: absolute; top: 21px; left: 187px; width: 147px; height: 91px;}
#inscription {position: absolute; top: 10px; left: 570px; width: 92px; height: 27px;}

#login {position: absolute; top: 15px; left: 750px; text-align: right; width: 370px; font-weight: bold; color: #4D3B3B}
#login a {color: #4D3B3B;}

.inputRond {font-size: 11px; color: #bfbfbf; width: 140px; padding: 2px; padding-left: 10px; text-align: left; background-color: #ffffff; border: 1px solid #bfbfbf;
     -moz-border-radius: 20px;}
.submitRond { font-size: 11px; font-weight: bold; color: #ffffff; width: 40px; text-align: center; background-color: #67E2FF;  border: 1px solid #67E2FF;
    -moz-border-radius: 30px;}

#menu {position: absolute; top: 123px; left: 500px; height: 30px; width: 600px;}
#actualite {position: absolute; left: 0px; height: 30px; width: 150px; cursor: pointer}
#savoir {position: absolute; left: 151px; height: 30px; width: 130px; cursor: pointer}
#faq {position: absolute; left: 292px; height: 30px; width: 87px; cursor: pointer}
#forum {position: absolute; left: 380px; height: 30px; width: 100px; cursor: pointer}
#contact {position: absolute; left: 480px; height: 30px; width: 120px; cursor: pointer}
#profil {position: absolute; left: 483px; height: 30px; width: 120px; cursor: pointer}

#actuOn {position: absolute; top: 29px; left: 75px;}
#savoirOn {position: absolute; top: 29px; left: 220px;}
#faqOn {position: absolute; top: 29px; left: 330px;}
#forumOn {position: absolute; top: 29px; left: 430px;}
#contactOn {position: absolute; top: 29px; left: 500px;}
#profilOn {position: absolute; top: 29px; left: 620px;}

#contenu {position: relative; margin-top: 158px; margin-left: 140px; width: 938px; padding: 25px;}
#search { position: absolute; top: 15px; left: 770px;}
#loupe {padding-top: 1px;}
.searchRond { height: 17px; font-size: 11px; color: #bfbfbf; width: 140px; padding: 2px; padding-left: 10px; text-align: left; background-color: #ffffff; border: 1px solid #bfbfbf;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:0px;
}
a.tooltip {position: relative;}
a.tooltip span {display:none; padding-top: 5px; padding-left: 5px; text-decoration: none; background-image: url(/themes/defaut/images/bulle.jpg); background-repeat: no-repeat; width: 92px; height: 34px; color:#5E6568; font-size: 9px;}
a.tooltip:hover span{display:inline; position:absolute;position:absolute;  top: -40px; left: 15px; }
h1 {margin: 0px; padding: 0; margin-bottom: 20px; color: #454545; font-size: 36px; font-weight: bold; max-width: 730px;}
h1 a {color: #454545; font-size: 36px; font-weight: bold; text-decoration: none;}
h2 {margin: 0px; padding: 0; margin-bottom: 20px; color: #969696; font-size: 18px; font-weight: bold; line-height: 33px; background-image:url(/themes/defaut/images/pointille.jpg)}

.couleur {color: #00AEFF;}

#col1 { float: left; width: 610px; margin-right: 10px;}
#col1 .bloc { color: #5E6568; font-size: 12px; width: 560px; padding: 20px; margin-bottom: 10px; text-align: left; background-color: #ffffff;  border: 1px solid #CFCFCF;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#col1 .bloc h1 {padding-bottom: 10px; margin-bottom: 5px; color: #30393D; font-size: 36px; font-weight: bold; border-bottom: 4px solid #30393D;}	 
#col1 .bloc h2 {padding-top: 20px; padding-bottom: 10px; margin-bottom: 5px; color: #94C291; font-size: 22px; font-weight: bold; background-image: none; line-height: 20px;}	 
.angle {border-bottom: 1px solid #E9EBEC; min-height: 20px;padding:5px;}
.angle a {text-decoration: none; color: #5A6D75; font-weight: bold; font-size: 16px;}
.info { font-size: 10px; font-family: Georgia, Arial; color: #30393D}	 
.info a {color: #00AEFF; text-decoration: none;}
.note { width: 530px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: justify;}
.noteImg {border: 1px solid #ECECEC; padding: 4px; margin-bottom: 20px;}
.noteChapo { color: #30393D; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 0;}
.noteText { color: #5E6568; font-size: 12px; font-weight: normal; padding: 0 20px 0 20px; }
.noteScroll {max-height: 700px; overflow: auto;}
.noteText a { text-decoration: none; color: #00AEFF}
.noteText img {margin-right: 10px; margin-bottom: 10px;}
.noteIntro {height: 90px; overflow: hidden;}

hr {border: 0; border-top: 1px solid  #ECECEC;}
.espace {margin-left: 20px;}
.suite {float: right; margin-top: 10px;margin-right: 20px;}
.suite .paginationOn {font-family: Arial; float: left; display:block; font-size: 18px; font-weight: bold; color: #ffffff; width: 27px; height: 27px; text-align: center; background-color: #00AEFF; border: 1px solid #00AEFF;
    -moz-border-radius: 5px;}
.suite .paginationOff {font-family: Arial; float: left; display:block; font-size: 18px; font-weight: bold; color: #00AEFF; width: 27px; height: 27px; text-align: center; background-color: #ffffff; border: 1px solid #ffffff; -moz-border-radius: 5px;}
.plus {background-color: #F5FBFE}
.suite a {font-size: 14px; font-family: Georgia, Arial; color:  #00AEFF; text-decoration: none; font-weight: bold;}
.font1 {font: Georgia, Arial; font-size: 14px; font-weight: bold;font-style:italic;}
#col2 { float: left; width: 310px; }
#col2 .bloc { color: #bfbfbf; width: 270px; padding: 20px; margin-bottom: 10px; text-align: left; background-color: #f5fbfe;  border: 1px solid #ffffff;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#col2 .bloc h2 {padding-bottom: 10px; margin-bottom: 5px; color: #94C291; font-size: 24px; font-weight: bold; background-image: none; line-height: 20px;}	 
#col2 .bloc h2 a { color: #94C291; font-size: 24px; font-weight: bold; background-image: none; line-height: 20px;}	 

.item {background-color: #E8F2F6; border: 1px solid #ffffff; padding: 10px; margin-bottom: 10px;}
.item .titre {color: #30393D; font-size: 14px; font-weight: bold;}
.item .chapo {color: #00AEFF; font-size: 11px; font-weight: normal;}
.item .lien {color: #00AEFF; font-size: 11px; font-weight: normal;}
.item .avatar {float: left; width: 60px; height: 60px; padding: 4px; border: 1px solid #ECECEC;background-color: #ffffff; margin-right: 10px; }
#col2 .bloc a { color: #A6B5BC; font-size: 14px; font-weight: bold; text-decoration: none;}
#col2 .bloc a:hover {color: #818e94;}

#nuage {background-image: url(/themes/defaut/images/nuage.jpg); background-repeat: no-repeat; padding: 20px; min-height: 466px; width: 250px;}
#nuage h2 {padding-bottom: 10px; margin-bottom: 5px; color: #94C291; font-size: 24px; font-weight: bold; background-image: none;}
#nuage a {color: #5A656A;  font-weight: bold; text-decoration: none; line-height: 23px;}
.size1 {font-size: 12px;}
.size2 {font-size: 15px; }
.size3 {font-size: 16px; }
.size4 {font-size: 18px; }
.size5 {font-size: 20px; }
.size6 {font-size: 22px; }

/* Forum */
#newPost {position: absolute; left: 800px; top: -32px; text-align: center;}
#newPost a { text-decoration: none; color: #04435D; font-size: 14px; font-weight: bold}
.c1 {width: 380px; float: left;}
.c2 {width: 100px; float: left; text-align: center;}
.c3 {width: 105px; float: left; text-align: center;}
.c4 {width: 155px; float: left; text-align: center;}
.c5 { float: left;}
.c6 {width: 190px; float: left; text-align: center}
.c7 {width: 744px; float: left;}
.c8 {width: 330px; float: left;}
.bigtitre, .bigtitre a {font-size: 18px; font-weight: bold; color: #969696; text-decoration: none;}
.bigtitre a.couleur {color: #00AEFF;}
.head {font-size: 14px; font-weight: bold; color: #454545}
.titre, a.titre {color: #A6B5BC; font-size: 14px; font-weight: bold; text-decoration: none;}
.soustitre {color: #94C291; font-size: 11px; font-weight: normal; text-decoration: none;}
.forum {position: relative; background-color: #ffffff; width: 944px; border: 1px solid #DADFE1; min-height: 500px;}
.themeRond { margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #E8F2F6; width: 915px; padding: 10px; padding-left: 17px; text-align: left; background-color: #04435D;  border: 1px solid #04435D;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.themeRond a {font-size: 18px; font-weight: bold; color: #E8F2F6; text-decoration: none;}

.decal {padding-left: 17px;}
.c4 .avatar {width: 25px; height: 25px; padding: 2px; border: 1px solid #ECECEC;background-color: #ffffff; }
.c8 .avatar, .c5 .avatar {float: left; width: 25px; height: 25px; padding: 2px; margin-bottom: 10px;border: 1px solid #ECECEC;background-color: #ffffff; margin-right: 10px; }
.c6 .avatar {width: 80px; height: 80px; padding: 2px; border: 1px solid #ECECEC;background-color: #ffffff; }
.nom {color: #94C291; font-size: 14px; font-weight: bold;}
.type {color: #94C291; font-size: 11px; font-weight: normal;}
.msg {color: #30393D; font-size: 11px; font-weight: normal;}


.sujet {color: #A6B5BC; font-size: 14px; font-weight: bold;}
.date {color: #A6B5BC; font-size: 10px; font-weight: normal;}
.post {position: relative; line-height: 19px; margin-bottom: 10px; margin-top: 10px; font-size: 12px; font-weight: normal; color: #5E6568; width: 710px; padding: 10px; padding-left: 17px; text-align: left; background-color: #E8F2F6;  border: 1px solid #E8F2F6;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.post .coin {position: absolute; top: 20px; left: -19px;}
.post .repondre {position: absolute; top: -32px; left: 600px;}
.lien, .abus {font-size: 10px; color: #66ADC9; text-decoration: none;}
.signature {color: #A6B5BC; font-size: 12px; font-weight: normal;}
.separ {clear: both; border-bottom: 1px solid #DADFE1; margin-bottom: 20px;}
a.avatartip {position: relative;}
a.avatartip span {display:none; padding-top: 5px; padding-left: 5px; text-decoration: none; background-image: url(/themes/defaut/images/bulle.jpg); background-repeat: no-repeat; width: 92px; height: 34px; color:#5E6568; font-size: 9px;}
a.avatartip:hover span{display:inline; position:absolute;position:absolute;  top: -50px; left: 0px; }

h3 {font-size: 18px; font-weight: bold; color: #4D3B3B; padding-left: 10px;}

#connexion {width: 400px;; padding: 20px;}
#connexion label {width: 150px; float: left;}
#connexion .inputRond {width: 150px; float: left;}

#profilCol1 { float: left; width: 190px; }
#profilCol1 .avatar {padding: 2px; border: 1px solid #ECECEC;}
#profilCol2 { float: left;border-left: 1px dashed #D0D5D7; padding-left: 20px;}
#usrForm .formInput {width: 170px; border: 1px solid #D0D5D7; font-size: 12px; float: left; margin-right: 5px;}
#usrForm .formTextarea {width: 330px; border: 1px solid #D0D5D7; font-size: 12px; float: left; margin-right: 5px;}
#usrForm label {color: #30393D; font-size: 12px; float: left; width: 160px;}

.carre {text-align: center; width: 170px; color: #ffffff; background-color: #6BC9ED; border: 1px solid #D0D5D7; font-weight: bold; padding: 5px; margin-top: 5px;}

.submitBigRond { font-size: 16px; font-family: Georgia, Arial; font-weight: bold; color: #ffffff; width: 230px; height: 35px; text-align: center; background-color: #91F38E;  border: 1px solid #91F38E;
    -moz-border-radius: 30px;}
.cancelPost {position: absolute; bottom: -39px; left: 620px;}
.sendPost {position: absolute; bottom: -39px; left: 515px;}    

.vignette {float: left; margin: 3px 10px 0 0;}

/* validation*/
.validation-failed {border: 1px solid #FF3300 !important; color : #FF3300;}
.validation-advice { color : #DC001A;}

/* Footer */
#footer {background-image: url(/themes/defaut/images/fondfooter.gif); background-repeat: no-repeat; width: 1251px; margin-left: auto; margin-right: auto; padding-top: 20px;}
#fcol1 { float: left; width: 607px; margin-left: 160px;_margin-left: 80px; border-right: 1px dashed #B2B2B2; margin-top: 30px;}
#fcol1 .titre {font-family: Georgia, Arial; color: #FEFEFE; font-size: 21px; margin-bottom: 30px;}
#fcol1 .chapo {font-family: Georgia, Arial; color: #B2B2B2; font-size: 11px; width: 500px;}
#fcol1 .chapo a { text-decoration: none; color: #00AEFF}

#fcol2 { float: left; width: 300px; margin-left: 55px; margin-top: 30px;}
#fcol2 .titre {font-family: Arial; color: #FEFEFE; font-size: 21px; margin-bottom: 30px;}
#fcol2 a { text-decoration: none; color: #A7A7A7; font-size: 12px; font-family: Georgia, Arial; background-color: #080808; line-height: 20px;padding:5px; margin: 5px;}
#fcol2 a:hover {background-image: url(/themes/defaut/images/a_over.gif); color: #171615}

#fcol3 { width: 990px; margin-left: 140px; border-left: 1px dashed #B2B2B2; border-right: 1px dashed #B2B2B2; margin-top: 30px;}

#popup_div { border: 1px solid #000000; z-index: 1002; background: #ffffff url(/images/spacer.gif); -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#popup_div handle { cursor: move }
#popup_div_mask { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; background-color :#000000; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50) }

.errMsg {border: 2px solid red; color: red; padding: 20px; background-color: #F3CAC3;-webkit-border-radius: 10px; -moz-border-radius: 10px;}
#usrForm .errMsg {width: 300px;}
.okMsg {border: 2px solid #41E938; color: #41E938; padding: 20px; max-width: 500px; background-color: #E0F8DF;-webkit-border-radius: 10px; -moz-border-radius: 10px;}
#usrForm .okMsg {width: 300px;}