/*
Theme Name: NEW CRDP
Description: Thème dérivé de Twenty Ten
Author: P. Kessler - CRDP d'Alsace
*/

@import url("plain_style.css");

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
a:link,a:visited {text-decoration:none;}
a:hover,a:active {text-decoration:underline;}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin: 0 -200px 0 0;
	width: 100%;
	
}
#content {
	margin: 0 20px 0 0;

}

#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 140px;
	margin-top:0;
	text-align:left;

}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Geneva, Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 960px;
}
#wrapper {
	background: #fff;
	margin-top: 0;
	padding: 0 20px 0 20px;
}

#branding {height:114px; background: url(images/banner.png) no-repeat left center; position:relative; text-align:left;}	
#branding h1{text-indent: -9000px; height:1px; margin:0; padding:0;}
#lien_men{border : none; width:90px;height:92px;position:absolute;top:0;left:0;}

#lien_rss {position:absolute;right:48px; bottom:0;}
#lien_facebook {	position:absolute;right:24px; bottom:0;}
#lien_twitter {	position:absolute;right:0; bottom:0;}
#lien_ecole_numerique{border :none; width:270px;height:56px;position:absolute;top:0;right: 0;}


#cse-search-box .button {
  background: transparent;
  border: none;
  color: #000;
  cursor: pointer;
  font-size: 85%;
  margin: 0;
  padding: 0;
}

.cse input.gsc-search-button, input.gsc-search-button {
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF !important;
    font-family: inherit;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 8px 4px;
    text-shadow: 0 1px 2px #000000;
	}

#searchdiv {
position:absolute;
right:76px;
bottom:5px;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

/* Text meant only for screen readers */

/* =Header
-------------------------------------------------------------- */
#header {
	padding-top : 0px;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 960px;
}

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding:4px 0 0 0;
	
}
#content {
	margin-bottom: 20px;	
}
#breadcrumbs {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}	

#breadcrumbs p{
	margin:0 !important;
}

ul {list-style-position:inside;}

#content,
#content input,
#content textarea {
	color: #333;
	font-size: 12px;
	line-height: 16px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 16px;
}

#content h1 {
	font-weight:bold;
	color:#666;
	font-size:160%;
}

#content h2 {
	font-weight:bold;
	color:#e66;
	font-size:130%;
}

#content h3 {
font-size:120%;
font-weight:bold;
}

#content h4 {
font-size:110%;
font-weight:bold;
}

.col_0 h2,.col_0 h3,.col_0 h4,.archive h2,.archive h3,.archive h4 {
margin-bottom:0 !important;
}


#long_news {
background : #EEF;
padding:4px;
}

#long_news h2 {
font-size:120% !important;
margin: 0;
}

#short_news {
padding:0;
width: 520px;
}

#short_news h1 {
font-size:24px !important;
font-weight:bold;
margin-top:-4px;
padding:0;
}

#short_news .entry-title,
#long_news .entry-title {
font-size:14px;
font-weight:bold;
}

#short_news .entry-summary,
#long_news .entry-summary {
margin:0 ;
padding: 2px 0;
}

#short_news .post{
padding:0;
margin:0 0 4px 0;
border-bottom:1px solid #CCC;
}

#breves :last-child { border-bottom:0; }

#long_news .post {
padding:6px;
margin:0;
border-bottom:1px solid #CCC;
min-height:86px;
}


#long_news :last-child { border-bottom:0; }


#long_news p {
margin: 0 0 0 96px;
padding:0}

#archive {
min-height:400px;
margin-top:24px;
}
#archive .hentry {
margin-bottom:18px;
border-bottom:1px solid #CCC;
}

#archive :last-child { border-bottom:0; }

#archive span {font-weight:normal; font-size:85%;color:#666}

.home .entry-content {
	padding-top:0;
}

.home .entry-content h1{margin-bottom:12px !important;}
/* =Asides
-------------------------------------------------------------- */

/* =Attachment pages
-------------------------------------------------------------- */

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

#branding img {
	border: none;
	display: block;
	float: left;
	padding-bottom:4px;
}

#long_news img.alignleft {
margin:0 12px 0 0;}

/* =Navigation
-------------------------------------------------------------- */

/* =Widget Areas
-------------------------------------------------------------- */

/* Main sidebars */
#main .widget-area ul {
	margin: 12px 0 0 0;
	padding: 0;
	text-align:left;
}
#main .widget-area ul ul {
	border: none;
	margin:0;
	padding: 0;
	list-style:none;
}

.widget-area small{
line-height : 130%; letter-spacing : -1px;
}

.xoxo {
margin-top:18px !important;
padding-left:4px !important;
border-left:1px solid #DDD;
}

.liens_matiere {
margin-top:0 !important;
padding-left:4px !important;
border-left:1px solid #DDD;
}

.widget-title {
font-size : 1.1em;
}

.sb_buttons dd{
margin:0 0 6px 0;
}

/* Footer widget areas */

/* =Footer
-------------------------------------------------------------- */

#colophon {
	margin-top: 0;
	overflow: hidden;
	padding: 0;
}

img#wpstats {
	display: block;
	margin: 0 auto 10px;
}
.list4cols {
	float:left;
	width:22%;
	font-size:90%;
	margin:0;
	padding:1% 1% 0 1%;
	list-style:none;	
	line-height:132%;
}
.list4cols a:link,
.list4cols a:visited {
color: #fff;
text-decoration: none;
}

.double_col {
	float:left;
	width:45%;
	margin:0;
	padding:0;
	list-style:inside;
}

.col_1 {
	float:left;
	width:40%;
	margin:0;
	padding:0;
	list-style:inside;
}

.col_2 {
	float:left;
	width:50%;
	margin:0;
	padding:0;
	list-style:inside;
}

.col_0 {
	float:left;
	width:95%;
	margin:0;
	padding:0;
	list-style:inside;
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

/* =Print Style
-------------------------------------------------------------- */

/* =Styles génériques */
	.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */}

.column_wrapper {
width:100%;
}

#megaMenu ul li.ss-nav-menu-reg ul.sub-menu {
	width:144px;
}


.more {
	text-align:right;
	font-size:90%;
	margin:8px 0 !important;
}

.bottom_space16 {
margin-bottom:16px !important;
}

.bottom_space0 {
margin-bottom:0 !important;
}

.top_space0 {
margin-top:0 !important;
}

.feed_link {
margin-top:0 !important;
font-size:95%;
}

.current-page-item{
   background:#f00 !important;
}

.message_box
{position: relative;
width: 80%;
padding: 20px 30px 10px 30px;	
margin: 40px 0 30px 20px;
-webkit-border-radius:  5px ;
-moz-border-radius: 5px ;
border-radius: 5px;
border: 2px solid #99A;
background: #eef;
clear:both;
}

.single .message_box {
	margin: 32px auto;
	padding: 16px 20px 4px 20px;	
	width: 70%;
}


.message_box_sign
{position: absolute;
top: -20px;
left: -20px;
z-index: 999;
display: block;
width: 48px;
height: 48px;
text-indent: -9999px;
z-index:1;}

.msg_box
{border: 1px solid #99A;
width:85%;
margin: 30px 0;
}


.info_box_sign
{background:  url(images/info_box.png) no-repeat top left;
}

.warning_box_sign
{background:  url(images/warning_box.png) no-repeat top left;
}


.error_box_sign
{background:  url(images/error_box.png) no-repeat top left;
}


.download_box_sign
{background:  url(images/download_box.png) no-repeat top left;
}

.exif_box
{border: 2px solid #606070;
margin-bottom:48px;
}

.exif_box_sign
{background:  url(images/exif_box.png) no-repeat top left;
}

.shopping_box
{margin: 30px 0 48px 30px;}

.shopping_box_sign
{background:  url(images/shopping.png) no-repeat top left;
}

.search_box{ 
margin: 30px 0 48px 30px;
}

.search_box_sign
{background:  url(images/folder.png) no-repeat top left;}

.buttons {
    list-style: none;
    float: left;
    margin-bottom:0;
	margin-left:20%;
    padding: 0;
	clear:both;
	color:#fff;
}
.buttons li {
    float: left;
    display: block;
    margin:0 20px 0 0;
    padding: 0;
}
.cta {
    float: left;
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35);
    font: bold 18px Helvetica, Arial, sans-serif;
    height: 50px;
    text-decoration: none;
    line-height: 50px;
	white-space: nowrap;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    z-index: 10;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333');
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	overflow: visible;
	outline: none;
}
.cta:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.cta:link, .cta:visited {color:#fff;}
.cta:hover {
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
	
}
.cta:active {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.cta-red, .cta-green, .cta-blue, .cta-yellow {
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
}
.cta-red {
    border: solid 1px #b8473d;
    background: #f36c4d;
    background: -webkit-gradient(linear, left top, left bottom, from(#f36c4d), to(#ef3e29));
    background: -moz-linear-gradient(top, #f36c4d, #ef3e29);
    background: -ms-linear-gradient(top, #f36c4d, #ef3e29);
    background: -o-linear-gradient(top, #f36c4d, #ef3e29);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f36c4d', EndColorStr='#ef3e29');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f36c4d', EndColorStr='#ef3e29')";
}
.cta-red:before {
    border: solid 1px #f67b5f;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-red:hover {
    color: #fff;
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#fb856a), to(#f7523f));
    background: -moz-linear-gradient(top, #fb856a, #f7523f);
    background: -ms-linear-gradient(top, #fb856a, #f7523f);
    background: -o-linear-gradient(top, #fb856a, #f7523f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fb856a', EndColorStr='#f7523f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fb856a', EndColorStr='#f7523f')";
}
.cta-red:active {
    color: #fff;
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ef3e29), to(#f36c4d));
    background: -moz-linear-gradient(top, #ef3e29, #f36c4d);
    background: -ms-linear-gradient(top, #ef3e29, #f36c4d);
    background: -o-linear-gradient(top, #ef3e29, #f36c4d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ef3e29', EndColorStr='#f36c4d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ef3e29', EndColorStr='#f36c4d')";
}


.cta-blue {
    border: solid 1px #0870c0;
    background: #007bda;
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#007bda));
    background: -moz-linear-gradient(top, #00c6ff, #007bda);
    background: -ms-linear-gradient(top, #00c6ff, #007bda);
    background: -o-linear-gradient(top, #00c6ff, #007bda);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#007bda');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#007bda')";
}
.cta-blue:before {
    border: solid 1px #3bb4ec;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-blue:hover {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#21cdff), to(#0387ec));
    background: -moz-linear-gradient(top, #21cdff, #0387ec);
    background: -ms-linear-gradient(top, #21cdff, #0387ec);
    background: -o-linear-gradient(top, #21cdff, #0387ec);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#21cdff', EndColorStr='#0387ec');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#21cdff', EndColorStr='#0387ec')";
}
.cta-blue:active {
    color: #fff;
    border: solid 1px #065491;
    background: -webkit-gradient(linear, left top, left bottom, from(#007bda), to(#00c6ff));
    background: -moz-linear-gradient(top, #007bda, #00c6ff);
    background: -ms-linear-gradient(top, #007bda, #00c6ff);
    background: -o-linear-gradient(top, #007bda, #00c6ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#007bda', EndColorStr='#00c6ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#007bda', EndColorStr='#00c6ff')";
}
.cta-yellow {
    border: solid 1px #db8300;
    background: #f99316
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff9900));
    background: -moz-linear-gradient(top, #ffcc00, #ff9900);
    background: -ms-linear-gradient(top, #ffcc00, #ff9900);
    background: -o-linear-gradient(top, #ffcc00, #ff9900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc00', EndColorStr='#ff9900');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc00', EndColorStr='#ff9900')";
}
.cta-yellow:before {
    border: solid 1px #ffc63b;
    border-color: rgba(255, 255, 255, 0.35);
}
.cta-yellow:hover {
    color: #fff;
    border: solid 1px #ad6800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd322), to(#ffa51f));
    background: -moz-linear-gradient(top, #ffd322, #ffa51f);
    background: -ms-linear-gradient(top, #ffd322, #ffa51f);
    background: -o-linear-gradient(top, #ffd322, #ffa51f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffd322', EndColorStr='#ffa51f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffd322', EndColorStr='#ffa51f')";
}
.cta-yellow:active {
    color: #fff;
    border: solid 1px #ad6800;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ffcc00));
    background: -moz-linear-gradient(top, #ff9900, #ffcc00);
    background: -ms-linear-gradient(top, #ff9900, #ffcc00);
    background: -o-linear-gradient(top, #ff9900, #ffcc00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9900', EndColorStr='#ffcc00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9900', EndColorStr='#ffcc00')";
}
.icon-download, .icon-check {
	margin-left:-5px;
	padding-left:37px;
	display:block;
	height:50px;
	background:transparent url(images/sprite.png) no-repeat;
}
.icon-go, .icon-more {
	margin-right:-5px;
	padding-right:40px;
	display:block;
	height:50px;
	background:transparent url(images/sprite.png) no-repeat;
}
.icon-download {background-position:0 -141px;}
.icon-check {background-position:0 -66px;}
.icon-more {background-position:right 10px;}
.icon-go {background-position:right -212px;}
.cta-big {
	font-size: 22px;
	height: 60px;
	line-height: 60px;
}
.cta-big .icon-download {background-position:0 -136px; height:60px;}
.cta-big .icon-check {background-position:0 -61px; height:60px;}
.cta-big .icon-more {background-position:right 15px; height:60px;}
.cta-big .icon-go {background-position:right -207px; height:60px;}



.cta-subhead {
    padding: 20px 30px;
	font-size: 26px;
    line-height: 26px;
}
.cta-subhead i {
	color: #000;
	color: rgba(0, 0, 0, 0.5);
	text-shadow: 0 0 0;
	font-weight: normal;
	font-style: normal;
	display: block;
	line-height: 26px;
	font-size: 14px;
}