#globalIntro { width:100%; font-family:Arial, Helvetica, sans-serif;  }

#introContent { width:100%; background:url('../img/bgWhiteStripe.gif') repeat top left; float:left; padding-bottom:20px; border-bottom:1px solid #fff; }
#whiteStripe { width:948px; margin:auto; padding:22px 10px; }
#leftColIntro { width:300px; padding:0 23px 0 0; float:left; border-right:1px solid #fff; }
#centerCol { width:277px; padding:0 0 0 22px; float:left; border-left:1px solid #cdcdcd; margin-bottom:80px; }
#rightColIntro { width:290px; float:left; }
span.intro { color:#7c8610; font-size:22px; font-weight:bold; margin-bottom:30px; float:left; width:100%; }

div.introActu { width:300px; float:left; }
div.introActu { border-bottom:1px solid #cdcdcd; padding-bottom:25px; }
div.introActu:last-child { border-top:1px solid #fff; padding-top:25px; border-bottom:none; }
div.introActu h2 a { width:300px; font-size:14px; line-height:20px; text-transform:uppercase; font-family:'KlavikaBold', arial, sans-serif; font-weight:normal; color:#666666; margin-bottom:12px; float:left; text-decoration:none; }
div.introActu h2 a:hover { text-decoration:underline; color:#7d890d; } 
div.introActu p { width:300px; float:left; font-size:14px; line-height:20px; margin-bottom:20px; }
div.introActu p a { color:#666666; text-decoration:none; }
div.introActu p a:hover { color:#7d890d; }
div.introActu:hover p a { color:#7d890d; }
div.introActu:hover h2 a { color:#7d890d; text-decoration:underline; }
div.introActu a { display:block; float:left; }
div.introActu a.actuComment { padding:0 10px 0 17px; font-size:11px; border-right:1px solid #cdcdcd; background:url('../img/ico-comment.gif') no-repeat center left; }
div.introActu a.actuMore { padding:0 0 0 25px; font-size:11px;  border-left:1px solid #fff; background:url('../img/ico-actuMore.gif') no-repeat center left;}
div.introActu div.date { font-size:11px; border-right:1px solid #cdcdcd; float:left; padding:0 10px 0 0; margin-right:12px; }

#centerCol ul li { padding:7px 0; list-style-type:none; }
#centerCol ul li:first-child { padding-top:0; }
#centerCol ul li a { font-size:14px; color:#666666; text-decoration:none; font-family:Arial, Helvetica, sans-serif; padding-left:45px; height:18px; display:block; padding-top:4px; }
#centerCol ul li a:hover { color:#7d890d; text-decoration:underline; }
#centerCol a#aDoc { float:left; margin-top:18px; font-family:'klavikaBold'; text-transform:uppercase; margin-left:-7px; width:184px; height:69px; line-height:24px; background:url('../img/bt-documentation.png') no-repeat top left; padding:15px 0 0 84px; color:#fff; text-shadow:0 0 2px #000 ; text-decoration:none; font-size:16px; font-weight:bold; }
#centerCol a#aDoc:hover { background:url('../img/bt-documentationh.png') no-repeat top left; }

a.introLink#link01 { background:url('../img/ico-introLink01.gif') no-repeat center left; }
a.introLink#link01:hover { background:url('../img/ico-introLink01h.gif') no-repeat center left; }
a.introLink#link02 { background:url('../img/ico-introLink02.gif') no-repeat center left; }
a.introLink#link02:hover { background:url('../img/ico-introLink02h.gif') no-repeat center left; }
a.introLink#link03 { background:url('../img/ico-introLink03.gif') no-repeat center left; padding-top:2px; }
a.introLink#link03:hover { background:url('../img/ico-introLink03h.gif') no-repeat center left; }
a.introLink#link04 { background:url('../img/ico-introLink04.gif') no-repeat center left; }
a.introLink#link04:hover { background:url('../img/ico-introLink04h.gif') no-repeat center left; }
a.introLink#link05 { background:url('../img/ico-introLink05.gif') no-repeat center left; padding-top:2px; }
a.introLink#link05:hover { background:url('../img/ico-introLink05h.gif') no-repeat center left; }
a.introLink#link06 { background:url('../img/ico-introLink06.gif') no-repeat center left; }
a.introLink#link06:hover { background:url('../img/ico-introLink06h.gif') no-repeat center left; }
a.introLink#link07 { background:url('../img/ico-introLink07.gif') no-repeat center left; }
a.introLink#link07:hover { background:url('../img/ico-introLink07h.gif') no-repeat center left; }
a.introLink#link08 { background:url('../img/ico-introLink08.gif') no-repeat center left; }
a.introLink#link08:hover { background:url('../img/ico-introLink08h.gif') no-repeat center left; }
a.introLink#link09 { background:url('../img/ico-introLink09.gif') no-repeat center left; }
a.introLink#link09:hover { background:url('../img/ico-introLink09h.gif') no-repeat center left; }


div#appLink      { position:relative; top:270px; }
a#appLink1       { position:absolute; left:104px; }
a#appLink2       { position:absolute; top:60px; left:114px; }


div#cadreApp     { width:100%; height:220px; padding:40px 0; float:left; background-color:#5b5b5b; }
div#app          { width:948px; margin:auto; position:relative; }
div#app span.intro.app { color:#fff; }
div#app p        { width:370px; color:#fff; line-height:20px; font-size:14px; margin-bottom:20px;}
img#smartphone   { position: absolute; left:420px; top:-70px; }
a#appLinkBottom1 { }
a#appLinkBottom2 { margin-left:20px;}

div#themes { width:100%; display:block; padding:40px 0 80px 0; border-top:1px solid #cdcdcd; clear:both; float:left; }
div#themes a.theme  { width:165px; float:left; margin-left:27px; }
div#themes a.theme:hover img { border:1px solid #9b9b9b; }
div#themes a.theme:hover h2 span { background-color:#7b8325; }
div#themes a.theme.first { margin-left:0; }
div#themes a.theme img { padding:4px; background-color:#fff; border:1px solid #cdcdcd; margin-bottom:10px; }
div#themes a.theme h2 { text-align:center; float:left; margin-left:4px; color:#fff; font-size:14px; font-weight:normal; width:100%; }
div#themes a.theme h2 span { background-color:#5c6121; padding:4px; line-height:25px; }

a#btnConcours { position:absolute; z-index:10; top:455px; width:195px; left:50%; margin-left:-400px;  }
/*
#rightColIntro div#visuMessage { margin-left:6px; margin-top:-42px; position:absolute; z-index:1000; }
#visuBlackLayer { position:absolute; margin-left:14px; margin-top:1px; opacity:0; width:292px; height:413px; z-index:1001; background-color:#fff; }
.visuBt { width:229px; height:49px; display:none; background-color:#c1c1c1; }
#bt01 { position:absolute; margin-left:47px; margin-top:70px; z-index:1001; }
#bt02 { position:absolute; margin-left:47px; margin-top:140px; z-index:1002; }
#bt03 { position:absolute; margin-left:47px; margin-top:210px; z-index:1002; }
#bt04 { position:absolute; margin-left:47px; margin-top:280px; z-index:1002; }
.visuBt:hover { -moz-box-shadow:0 0 5px #7c7c7c; -webkit-box-shadow:0 0 5px #7c7c7c; box-shadow:0 0 5px #7c7c7c; }
*/

#rightColIntro div#visuMessage { margin-left:6px; margin-top:-40px; width:317px; height:415px; position:absolute; z-index:1000; background:url('../img/intro-cadre-carte.png') no-repeat top left; }
div#visuMessage div#carte { width:274px; height:392px; margin-top:11px; margin-left:24px; }