/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2015 */
@font-face {
    font-family: 'pacificoregular';
   src: url('../minisite/2015/declaration/fonts/Pacifico-webfont.eot');
    src: url('../minisite/2015/declaration/fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../minisite/2015/declaration/fonts/Pacifico-webfont.woff2') format('woff2'),
         url('../minisite/2015/declaration/fonts/Pacifico-webfont.woff') format('woff'),
         url('../minisite/2015/declaration/fonts/Pacifico-webfont.ttf') format('truetype'),
         url('../minisite/2015/declaration/fonts/Pacifico-webfont.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#zoneCpt/*,#zoneCpt-sortie*/{
display:none;/*si var non dispo et plancher non atteint*/
margin-bottom:15px;	
}

#zoneCpt-sortie{clear:both;margin-bottom:15px;}

.zoneCpt{
width:100%;	
position:relative;	
-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
		border-radius: 8px;
border-bottom:3px solid #ebebeb;
overflow:hidden;
height:140px;
border:2px solid #fff;
background:#ECF6FD url(bg_bleu.png) repeat-x top left;
}

.inner{
width:56%;
min-height:126px;
padding-top:14px;
background:url(bg_nuage.png) no-repeat center 6px;

}

.slogan,
.intro,.explain{
font-family: 'pacificoregular';	
}

.intro,.explain{
display:block;
text-align:center;
font-size:22px;
color:#777777;
}

.pink{
color:#E61969;
}

.blue{
color:#006587;
}


/*.explain{margin-bottom:4px;}*/


#maj{
color:#777;
text-align:center;
font-size:0.75em;
margin-top:4px;
margin-left:-40px;
}

.more{
color:#000;	
font-size:.75em;
margin:4px 0 20px 1.25em;
width:96%;
float:left;
}

.teledec{
color:#000;
}

.slogan{
position:absolute;
height:140px;
top:0px;
padding:10px 0px;
right:0px;	
width:44%;
/*font-size:2.1em;*/
font-size:34px;
text-align:center;
/*-webkit-box-shadow:-5px 0px 10px #444;
   -moz-box-shadow:-5px 0px 10px #444;
        box-shadow:-5px 0px 10px #444;*/
}

.teledec:hover{
text-decoration:none;
}


.teledec .line.lien{
font-size:.65em;
display:block;
}

.teledec .line.lien/*.btn*/{
width:254px;	
color:#fff;	
background:#E61969;
border:2px solid #FFD702;
-webkit-box-shadow:-8px 10px 12px #006587;
   -moz-box-shadow:-8px 10px 12px #006587;
        box-shadow:-8px 10px 12px #006587;
text-decoration:none;	
display:block;	
font-family: 'pacificoregular';	
padding:12px;
font-size:22px;
text-align:center;
margin:16px auto 0 auto;
/*position:absolute;
width:30%;
left:35%;
top:12%;*/
}


.teledec .line.lien:hover{
color:#000;
background:#ffd702 url("../img/2bis_bg_Connect.gif") repeat-x left bottom;
border-color:#fff;
}

.teledec .line.lien:before{
content:"\25BA ";
}

.teledec .line.lien:hover,
.teledec .line.lien:link,
.teledec .line.lien:focus,
.teledec .line.lien:active,
.teledec .line.lien:visited{
text-decoration:none;	
}

#zoneCpt-sortie .teledec .line/*.lien*/{
font-size:18px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#555;
}

#zoneCpt-sortie .teledec .line.lien{
border-color:#fff;
font-size:12px;
padding:6px 2px;
width:274px;
cursor:default;
margin-top:8px;
color:#fff;
}

#zoneCpt-sortie .teledec .line.lien:hover{
color:#000;
}

#zoneCpt-sortie .teledec .line.lien strong{
font-size:22px;
font-family: 'pacificoregular';	
}

#zoneCpt-sortie .teledec .line.lien:before{
content:"";
}

#zoneCpt-sortie img.before{
width:60px;
height:88px;
float:right;
margin-top:-80px;
margin-right:-4px;
}

#zoneCpt-sortie .teledec .line.lien:before img{
width:100%;
}

#zoneCpt-sortie .explain{margin-left:64px;}

#zoneCpt-sortie #maj{visibility:hidden;}

.cpt{
position:relative;
width:304px;
height:40px;
overflow:hidden;
background:#333;
-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
		border-radius: 20px;
border:4px solid #ccc;
padding-right:16px;
margin:4px auto 4px auto;
}

.cpt .cptshadow{
position:absolute;
margin:-40px 0 0 18px;
-webkit-box-shadow:0px 5px 10px #666;
   -moz-box-shadow:0px 5px 10px #666;
        box-shadow:0px 5px 10px #666;
width:264px;
height:40px;
z-index:5;
}
.cpt div[id^="cu"]{
float:right;width:30px;height:400px;top:0px;
margin-top:0px;
position:relative;
}

.cpt p{
font-family:Arial,Helvetica,Verdana;
font-size:2em;
box-sizing: border-box;
padding:0;   
margin:0;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
text-align:center;
height:40px;
width:30px;
background:pink;
float:left;
background:url(bg_p_png32.png) no-repeat center;
}

.cpt p.first{
color:#DADADA;
}

div[id^="cu1"],div[id^="cu4"]{margin-right:10px;}
/*#cu1,#cu4*/

@media (max-width: 720px){
.zoneCpt{
height:270px;
padding:4px 2px;
}

.inner,.intro{
width:100%;
}

.slogan	{
clear:left;	
position:relative;
height:auto;
top:0px;
padding:6px 0 20px 0;
right:auto;	
width:110%;
margin-left:-5%;
margin-top:6px;
font-size:1.75em;
/*-webkit-box-shadow:0px 0px 10px #444;
   -moz-box-shadow:0px 0px 10px #444;
        box-shadow:0px 0px 10px #444;*/
}

#zoneCpt-sortie .zoneCpt{
height:250px;
}

#zoneCpt-sortie .slogan	{
margin-top:-10px;
}

.teledec .line.lien{
font-size:.75em;
}

#zoneCpt-sortie img.before{
/*display:none;*/
position:absolute;
bottom:32%;
}
#zoneCpt-sortie .explain{margin-left:auto;}


.cpt{
width:270px;
padding-right:6px;
margin:6px auto;
}

.cpt .cptshadow{
margin-left:3px;
}

div[id^="cu1"],div[id^="cu4"]{margin-right:5px;}
/*#cu1,#cu4*/
}