/* CSS Document */

/* General properties */
body {margin:0px;padding:0px;}
body, input, textarea, select {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
form {margin:0px;padding:0px;}
h1 {font-size:16px;color:#5C5C5C}
h2 {font-size:14px;color:#FD9567;font-weight:normal}
h3 {font-size:12px;color:#5C5C5C;}
h4 {font-size:11px;color:#5C5C5C}
p, ul {margin:2px 0px 0px 2px;padding:0px;}
input, img {border:none;}
a {color:#666666} 
fieldset {border:none;}
ul, li {list-style:none}
.italic {font-style:italic;}

/**********************/

/* Classique Class */
.fRight {float:right;}
.fLeft {float:left;}
.tRight {text-align:right}
.tLeft {text-align:left;}
.tCenter {text-align:center;}
.orange {color:#FD9567;}
.fush {color:#FF0099;}
.black {color:#000000;}
.clear {clear:both;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.padding5 {padding:5px}
.grey {color:#5C5C5C}
.vAlignT {vertical-align:top;}
.pointer {cursor:pointer;}
.fontNormal{font-weight:normal;}

/*******************/

/* HEADER */

#containerPage {width:992px;height:auto;margin-left:auto;margin-right:auto;}

#header {color:#FFFFFF;width:992px;height:121px;background-image:url(../img/background_header.jpg);background-repeat:repeat-x;margin:0px;padding:0px;}

#siteTitle {float:left;width:300px;color:#FFFFFF;}

#webTools {float:right;padding-right:5px;width:auto;text-align:right}
#webTools ul {list-style: none;text-align:right;}
#webTools li {display:inline;}
#webTools a {color:#FFFFFF;text-decoration:none;padding-left:20px;margin-right:5px;font-weight:normal;}
#webTools a:hover {color:#FF9900;text-decoration:underline;}
#webTools form {padding-top : 68px;}
#webTools form input {vertical-align:middle}

#siteTitle h1 {margin:0px;padding:0px;width:300px;float:left;}
#siteTitle h1 a {background-image:url(../img/logo_ucc2.jpg);background-repeat:no-repeat;height:121px;width:460px;display:block;text-indent:-9999px;}

a.fr {background-image:url(../img/fr.gif);background-repeat:no-repeat;background-position:left;}
a.de {background-image:url(../img/de.gif);background-repeat:no-repeat;background-position:left;}
a.gb {background-image:url(../img/gb.gif);background-repeat:no-repeat;background-position:left;}

#menu {margin:0px;padding:0px;width:100%;height:28px;background-color:#E8E8E8;}
#menu ul, #footer ul {margin:0px;padding:0px;list-style:none;}
#menu li, #footer li {padding:0px; margin:0px;display:inline;}
#menu li a, .menuActif {width:123px;line-height:28px;float:left;text-align:center;}
#menu a, #footer a {color:#666666;text-decoration:none;font-weight:normal}
/*#menu li a:hover, .menuActif {color:#FFFFFF;background-color:#FD9567;}*/
.menu li a.active, .menu li a.active:hover {line-height:28px;}
/*** New For Test Menu **/
#menu li a {background-image:url(../img/btn_background2_over.jpg);background-position:center center;background-repeat:no-repeat;color:#000000}
#menu li a:hover, .menuActif {background-image:url(../img/btn_background2.jpg);background-position:center center;background-repeat:no-repeat;color:#FFFFFF}
/* FOOTER */
#footer {margin:10px 0px 5px 0px;padding-top:5px;width:100%;height:25px;background-color:#E8E8E8;text-align:center;color:#666666;}
#footer a {color:#666666;}
#footer a:hover {text-decoration:underline overline;}
#footer span  {color:#FF6600;font-weight:bold;}

/* DIV ET CLASS COMMUN */

#centralPage {padding:5px 30px 5px 30px;margin:0px;background-color:#FFFFFF;background-repeat:repeat-x;height:100%;}
#downCentralPage {width:100%;/*background-image:url(../img/logo2.gif);*/background-position:bottom right;background-repeat:no-repeat;margin-top:10px;}

#filAriane {background-image:url(../img/homeIcone.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:15px;color:#666666;font-size:11px;}
#filAriane a {color:#666666;font-weight:normal;}

/* HOME */

#content {margin-top:10px;}

#contentLeft {margin-top:8px;width:550px;float:left; text-align:justify;}
#contentLeft li {background-image:url(../img/squareG.gif);background-repeat:no-repeat;background-position:0px 12px;padding:5px 10px 5px 10px}
#contentLeft ul {margin-left:15px;}

.allMediaL h3, .allMediaR h3 {margin-bottom:2px;padding:0px;}
#contentRight {margin-top:8px;width:380px;float:right; }
#contentRight img {margin-right:25px;}
.periode {margin:0px 0px 10px 0px;padding:0px;}
.greyBackHome {width:330px;background-color:#E8E8E8;}
.media {margin:0px 10px 0px 0px;float:left;border:solid 1px #CCCCCC;width:110px}
.btnLinkTest {background-image:url(../img/testConnaissances.jpg);display:block;background-repeat:no-repeat;text-indent:-9999em;width:92px;height:100px;}
.allMediaR {width:420px;float:left;}
.allMediaL {width:380px;float:right;}

.validatorClass {text-align:center}
.validatorClass a {text-decoration:none}

/******************/
/*  Menu Vertical */

#menuContainer {background-color:#E8E8E8;;width:177px;padding:0px;}
#menuContainer ul {padding-left: 0px;}
#menuContainer h3 {text-align:center;background-color:#999999;color:#FFFFFF;font-weight:normal;height:20px;padding-top:2px;margin:0px}

.infoContact h3 {text-align:center;background-color:#999999;color:#FFFFFF;font-weight:normal;height:20px;padding:2px;margin:0px;height:auto}
.infoContact {color:#666666;background-color:#E8E8E8;margin-top:10px;padding-bottom:5px;}
.infoContact ul {margin:10px 0px 10px 15px;padding:5px;}
.infoContact li {list-style:disc;padding:0px;margin:0px;}

#nav, #nav ul, #nav li a:hover {margin: 0;list-style: none;}
#nav li {padding:0px 0px 0px 10px;padding:5px;}
.navActif {color:#FFFFFF;background-image:url(../img/backOverMenu.gif);background-repeat:no-repeat;background-position:6px center;font-weight:bold}
#nav li a {font-weight:normal;color:#666666;text-decoration : none;background-color:#E8E8E8;}
#nav li a:hover {color:#FFFFFF;	display:block;background-image:url(../img/backOverMenu.gif);background-repeat:no-repeat;background-position:left center;font-weight:bold}

#nav li ul {font-size:11px}
#nav li ul li {list-style-image:url(../img/carreUL1.gif);margin-left:25px;padding:0px;}
#nav li ul li a:hover{background-image:none;color:#666666;font-weight:normal;text-decoration:underline;margin:0px;padding:0px}
#nav li ul li.actif {color:#FD9567}



/**** Page N 1 ****/
#contentLeftG {float:left;width:78%;margin-right:18px;text-align:justify;}
#contentRightG {float:right;width:19%;}
#contentLeftG p {margin-top:5px}

#textIntro {color:#FD9567;font-size:14px;}
#textIntro img {margin-right:8px;}
#textIntro ul {padding-left:20px;margin:0px 0px 10px 10px;color:#FD9567;}
#textIntro li {list-style:disc;	padding-left:10px;}

.mediaMenu {text-align:center;margin-top:20px;}
#contentLeftG h3 {margin-bottom:2px;padding:0px;}
.mediaMenu h3 {margin:10px 0px 0px 0px;padding:0px;width:180px;margin-left:auto;margin-right:auto;}
.mediaR {text-align:center;border:solid 1px #CCCCCC}
.mediaR p {padding-top:5px;padding-bottom:5px;}
.mediaR img {padding-top:5px;}

.ulStyle {padding-left:20px;margin:0px 0px 10px 10px;}
.ulStyle li {margin-bottom:15px;padding-left:58px}

.surf {background-image:url(../img/surf.gif);background-repeat:no-repeat;background-position:left top;height:45px}
.detective {background-image:url(../img/detective.gif);background-repeat:no-repeat;background-position:left top;height:45px;}
.direction {background-image:url(../img/direction.gif);background-repeat:no-repeat;background-position:left top;height:45px;}
.ecolier {background-image:url(../img/ecolier.gif);background-repeat:no-repeat;background-position:left top;height:45px;}

/**** Page N 2 ****/
.menuContainer2 {background-color:#E8E8E8;;width:176px;padding:0px;margin-top:10px;}
.menuContainer2 h3, .menuContainer2 h3 a {text-align:center;background-color:#999999;color:#FFFFFF;padding:3px;margin:0px;text-decoration:none}
.menuContainer2 p {padding:5px; text-align:justify}
.menuContainer2 a {font-weight:bold;}

a.linkNormal  {font-weight:normal;}
.plusInfos {background-image:url(../img/plusDinfos.jpg);background-repeat:no-repeat;display:block;width:158px;height:100px;text-indent:-9999em;}
#infos {width:158px;margin-left:50px;}

/**** Page Media ****/
.color1 {background-color:#CCCCCC;}
.color2 {background-color:#F0F0F0;}

.menuNonProp {border:solid 1px #CCCCCC;padding:5px;width:137px;float:left;margin-right:5px;margin-bottom:5px}
.menuNonProp p {padding-left:5px;padding-bottom:5px;}
.tabResult {border:solid 1px #CCCCCC;padding:0px;margin-right:10px;margin-bottom:10px;height:112px;width:200px;}
.tabResultNP {float:left;}

.tabResultMV {border:solid 1px #CCCCCC;padding:0px;margin-right:5px;margin-bottom:5px;height:112px;width:340px;float:left}

.mediaF {float:left; width:200px;margin-right:25px;}
.mediaF h3 {height:36px;margin:0px 0px 10px 0px}
.mediaF table {margin-top:10px}

#mediaVNew, #mediaCI {padding:5px;margin-bottom:10px;margin-top:5px;width:690px;}
#mediaVNew {background-color:#F0F0F0;}
#mediaCI {background-color:#FFFFFF;}
.mediaVNewL {width:335px}

#formMedia {width:315px;}
.forLabel {float:left;margin-top:3px;color:#666666;padding-right:5px}
#formMedia select {border:solid 1px #CCCCCC;color:#999999}
#formMedia input {padding-left:5px;}

/**** Stars ****/

.stars {display:block;background-repeat:no-repeat;background-position:left center;text-indent:-9999em;width:64px;height:12px;}
.s0_O {background-image:url(../img/starsO_0.gif);}
.s10_O {background-image:url(../img/starsO_10.gif);}
.s15_O {background-image:url(../img/starsO_15.gif);}
.s20_O {background-image:url(../img/starsO_20.gif);}
.s25_O {background-image:url(../img/starsO_25.gif);}
.s30_O {background-image:url(../img/starsO_30.gif);}
.s35_O {background-image:url(../img/starsO_35.gif);}
.s40_O {background-image:url(../img/starsO_40.gif);}
.s45_O {background-image:url(../img/starsO_45.gif);}
.s50_O {background-image:url(../img/starsO_50.gif);}

.squareLine li {list-style-image:url(../img/square.gif);margin-left:40px;padding:0px;}
.squareLine ul {margin:0px;padding:0px;}

.proprioLogo {background-image:url(../img/proprioIconeO.jpg);background-repeat:no-repeat;background-position:left top;height:45px;}
.noProprioLogo {background-image:url(../img/sanChienIconeO.jpg);background-repeat:no-repeat;background-position:left top;height:45px;}
.enfantsLogo {background-image:url(../img/kidsO.jpg);background-repeat:no-repeat;background-position:left top;height:45px;}
.allLogo {background-image:url(../img/FamilyDogO.jpg);background-repeat:no-repeat;background-position:left center;height:50px;}

/**** Page Qui sommes nous / contact ****/
.ficheContact {margin-bottom:15px;}
.imgContact {float:left;width:176px;margin-right:15px;}
.fiche{float:left; background-color:#F0F0F0;width:520px;padding:5px;height:auto;}
.fiche h3 {margin:0px;}
.fiche p {padding-top:10px;}
.contactContent {color:#666666;}
.contactContent ul {margin-left:25px;}
.contactContent li {list-style:disc;}
.backOrange{background-color:#F0F0F0;padding:2px;}

#contact img {float:left;margin-right:5px;}
#contact .fiche {height:94px;width:585px;}
.ficheContainer {margin-bottom:10px}
.fiche h2 {margin-top:0px;padding:0px}

#btnMenuRight {width:100px;margin-top:10px;margin-left:10px;}
.joinUs {background-image:url(../img/rejoignez-nous.jpg);background-repeat:no-repeat;display:block;width:158px;height:100px;text-indent:-9999em;}

/**** Sponsor ****/
#containerSponsor {text-align:left;background-color:#E8E8E8;}
#containerSponsor h3, #containerSponsor h3 a {background-color:#999999;color:#FFFFFF;text-decoration:none;font-size:11px;padding:2px}
#containerSponsor p {margin-left:2px;padding-bottom:2px}
#contentLeftSponsors {width:115px;float:left}
#contentRightSponsors {width:600px;float:right}

/**** Page Morsures ****/
.textNote{border-top:1px dashed #CCCCCC;margin:0px;padding:0px;color:#999999}

.becomeSpons {background-image:url(../img/btn_backSpons.jpg);background-repeat:no-repeat;display:block;height:26px;text-decoration:none;color:#FFFFFF;padding-top:3px;padding-left:8px}
.becomeSpons:hover {background-image:url(../img/btn_backSponsOver.jpg);color:#000000;}
.sponsor {width:125px; margin-left:auto;margin-right:auto;}

/*** Map ***/
#map {width:auto;border:dotted 1px #CCCCCC}
#map li {list-style:square;margin-left:15px}
#map li a{text-decoration:none;font-weight:bold}
#map li a:hover{text-decoration:underline overline;background-color:#FFCC99}
#map li ul li a{text-decoration:none;color:#000000;font-weight:normal}
#map li ul li ul li a{text-decoration:none; color:#999999}
#map li ul li a:hover{background-color:#E4E4E4}
#map li ul li {list-style:none;padding-left:10px;}
#map li ul li ul li{list-style:circle;margin-left:30px;}

#map li ul li ul li ul, #map li ul li ul li ul li {list-style:none;}
#map li ul li ul li ul a {color:#FD9567}

/*** Inscription ***/
#inscription  {width:400px;}
#inscription input {border:solid 1px;}
#inscription input.input {width:300px;}
#inscription input.required {
	border: 1px solid #00A8E6;
}
#inscription input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF9900;
	color : #FF9900;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF9900;
	width:300px;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF9900;
	color : #FFF;
	font-weight: bold;
	width:294px;
}