/* Couleurs 
vert rvb(116,192,96)
marron rvb(192,149,96)
rouge rvb(192,103,96)
pourpre rvb(199,96,192)
cyan rvb(96,186,192)
turquoise rvb(96,192,162)
bleu rvb(96,139,192)
vIOLET rvb(117,96,192)
*/

body
{background:transparent url(visuels/fond.gif) repeat;margin:0;padding:0;text-align:center;font-size:10px;font-family:Arial,sans-serif;color:#636262; margin-bottom:3em;}
a{text-decoration:none;color:#636262;}
a:hover{text-decoration:underline;}
h1{padding:0; margin:0; font-size:16px;}
h2{padding:0; margin:0; font-size:13px;}
h3{padding:0; margin:0; font-size:12px;}
p{padding:0; margin:0; font-size:11px;}	
img {border:0;}

div#cortoContainer 
{position:relative;	width:84em; margin:auto;text-align:left; border:1px solid #666666; background:#fff url(visuels/web3-visuel.jpg) top left no-repeat;}

div#cortoHaut
{position:relative; width:840px; height:185px; margin:0 auto;}

div#cortoFooter 
{position:relative;	width:83em;	height:1.4em; margin-top:0.2em; color:#FFFFFF; font-weight:bold; padding:0.3em 0.5em; text-align:right; }

div#cortoBody {position:relative; width:84em; margin:0; text-align:left;}

div#cortoBandeVisuel
{width:84em; height:2.5em;background: transparent url(visuels/bande-haut.gif) repeat-y left top; opacity:0.46; filter:alpha(opacity=46);}

div#cortoFondLogo
{position: absolute; width:23em; top:2.5em; left:0; height:7.5em;background:#FFFFFF; opacity:0.46; z-index:10;filter:alpha(opacity=46);}

div#cortoLogo
{position:absolute; width:23em; top:2.6em; left:0.5em; height:7.5em; z-index:11; 
background: transparent url(visuels/logo.png) no-repeat left top;
_background:none; /* IE6 */ 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='visuels/logo.png', sizingMethod='image'); /* IE6 */}

div#cortoSK
{color:#999999; text-align:center; margin:auto 0; font-size:9px; text-decoration:none; padding-top:2px;}
div#cortoSK a {color:#999999; text-decoration:none;}

/* COLONNE GAUCHE */
div#cortoLeftColumn {position:relative;width:16em;float:left; background-color:#FFFFFF;}
.menu{position: relative; width: 15.2em; padding-top:1.5em;margin-bottom:0.2em;}
.menu ul{ padding:0.3em 0 0.3em 1em; margin:0; list-style:none;}
.menu li{font-size:1.1em;}
.menu a {padding-left:1em; color:#FFFFFF; text-decoration:none; background: url(../visuels/puce-blanche-7.gif) left no-repeat top;}
.menu a:hover {padding-left:1em; color:#FFFFFF; text-decoration:underline;}

.menuTitre{ position:absolute; left:0; top:0; width:15.2em; height:1.7em; border-bottom:1px solid #FFFFFF;opacity: 0.5;}	
.menuTitre h2 {color:#FFFFFF;font-weight:bold;padding:0.2em 0 0 1em; margin:0; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;}

div#cortoActualite {width:100%; color:#000; text-align:justify; background:#fff url(visuels/fond-actualites.gif) no-repeat 154px 0; opacity:0.9; border-bottom:#FFF 2px solid;}
div#cortoTrou {width:152px; height:90px; opacity:0.5; filter:alpha(opacity=50); border-right:2px solid #FFF; float:left;}
.actualiteTitre h2{ font-size:11px; padding:0.3em 0 0 0; height:20px; margin:0; text-align:left; color:#FFFFFF;}
.actualiteTxt {width:100%;}
div#actualite1, div#actualite2, div#actualite3 { padding:0 10px; float:left; border-left:dotted #CCCCCC 1px; }
div#actualite1 {width:207px;}
div#actualite2 {width:208px;}
div#actualite3 {width:202px;}



div#cortoCorps { position:relative; padding-top:0.7em;}
div#cortoCorps a{ font-weight:bold;}
div#cortoCorps h1{background-color:#7F37A5; color:#FFFFFF;}
div#cortoCorps h2{ margin-top:0.8em; border-bottom-style:solid; border-bottom-width:2px;}
div#cortoCorps h3{ margin-top:0.7em; padding-left:1em;}
div#cortoCorps ul{padding:0.5em 0;margin:0; font-size:11px;}
div#cortoCorps li{padding-left:1em; list-style:none;}


div#cortoContenu { position:relative; text-align:left; overflow:hidden; width:520px; background-color:#fff;}

.paragraphe{margin-bottom:2.5em; font-size:11px;}

div#cortoVisuel-right {float:right; position:relative; background-color:#FFFFFF; width:15em;}

.cortoVisuel-right3 {background-color:#FFFFFF; width:150px; height:150px; padding:0; margin:0;}

div#cortoTitrePage
{padding:0; margin:0; overflow:hidden;}

div#cortoTitrePage h1 {color:#FFFFFF; padding:2px; margin:0;}

div#cortoVisuel-left
{float:left; top:1.5em; background-color:#FFFFFF; width:25em; height:25em; padding:0 1.5em 0 0.5em; margin:0 0.5em 2.5em 0.5em;}

.classFormIntitule
{	padding:3px 5px 2px 5px;	background-color:#d7dd58;	color:#C97136;	vertical-align:top;	text-align:left;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	font-weight:bold;}

.classFormChamps input, textarea, select
{	color:#636262;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	border:#C97136 1px solid;}
	
.classFormChamps td
{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	vertical-align:top;}
	
.classFormBtSubmit
{	padding-left:3px;	color:#333333;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;}


.fond-asso {background-color:#094E8D;}
.fond-activites {background-color:#7F37A5;}
.fond-vieasso {background-color:#F0027B;}
.fond-tresors {background-color:#DB6702;}
.fond-contact {background-color:#FF0000;}



.fond-clair-activites, .fond-clair-asso, .fond-clair-vieasso, .fond-clair-tresors, .fond-clair-contact {background-repeat:repeat-y; background-position:left top;}
.fond-clair-activites {background-image:url(visuels/fond-col-activites.gif);}
.fond-clair-asso {background-image: url(visuels/fond-col-asso.gif);}
.fond-clair-vieasso {background-image:url(visuels/fond-col-vieAsso.gif);}
.fond-clair-tresors {background-image:url(visuels/fond-col-tresors.gif);}
.fond-clair-contact {background-image:url(visuels/fond-col-contact.gif);}

.asso h2{border-bottom-color:#094E8D;}
.asso h3{background:transparent url(visuels/puce-asso-7.gif) no-repeat left top;}
.asso li{background:transparent url(visuels/puce-asso-7.gif) no-repeat left top;}

.activites h2{border-bottom-color:#7F37A5;}
.activites h3{background:transparent url(visuels/puce-activites-7.gif) no-repeat left top;}
.activites li{background:transparent url(visuels/puce-activites-7.gif) no-repeat left top;}

.vieasso h2{border-bottom-color:#F0027B;}
.vieasso h3{background:transparent url(visuels/puce-vieasso-7.gif) no-repeat left top;}
.vieasso li{background:transparent url(visuels/puce-vieasso-7.gif) no-repeat left top;}

.tresors h2{border-bottom-color:#DB6702;}
.tresors h3{background:transparent url(visuels/puce-tresors-7.gif) no-repeat left top;}
.tresors h3.cr {background:none; padding:0;}
.tresors li{background:transparent url(visuels/puce-tresors-7.gif) no-repeat left top;}

.contact h2{border-bottom-color:#FF0000;}
.contact h3{background:transparent url(visuels/puce-contact-7.gif) no-repeat left top;}
.contact li{background:transparent url(visuels/puce-contact-7.gif) no-repeat left top;}

.contact-form {position:relative; margin:20px 0 0 50px; text-align:left; background: transparent url(visuels/fond-formulaire-contact.gif) repeat-y top left; width:400px;}
.contact-form-intitule {position:relative; float:left; width:90px; color:#FFFFFF; font-size:12px; padding:3px 0 0 3px;}
.contact-form-champ {position:relative; margin-left:95px;  padding:0px; margin:0px; border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px;}
.contact-form-champ textarea { padding:2px; margin:0; border:#999999 1px solid; color:#999999; font-size:11px; width:300px; height:120px;}
.contact-form-champ input { padding:2px; margin:0; border:#999999 1px solid; color:#999999; font-size:11px; width:300px}
.contact-form-submit { margin:10px auto 0 auto; text-align:center; border:#999999 1px solid; color:#999999; font-size:11px; width:100px}
.contact-form-submit input { padding:2px; margin:0; border:#999999 1px solid; color:#999999; font-size:11px; width:100px}

div#corto-index {position:relative; margin:auto; background-color:#FFFFFF; margin-top:15px;}
.corto-index-flash
{position:absolute; left:0; background-color:#FFFFFF; padding:0; margin:0; z-index:38; text-align:right;}
.corto-index-flash ul {color:#FFFFFF; font-weight:bold; padding:5px; margin:0;}
.corto-index-flash a {color:#FFFFFF; font-weight:bold; font-size:12px;}
.corto-index-flash li {padding:0; margin:0; list-style-type:none;}
div#corto-footer {font-size:12px;color:#636262; margin:10px 0; font-weight:bold;}
div#corto-footer a {padding:0 10px; color:#636262; font-weight:bold;}