/*
Theme Name: KU Custom theme
Author: Name KU
Author URI: http://camillelou.uk/
Description: This theme is bespoke with Perrine adding custom JSS pages never update the theme..
Version: 1.0
*/

/***
*
GENERAL
*
***/
html {font-size: 1em;}
*{
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
  font-family: 'roboto_slabregular';
  line-height: 1.45;
   -ms-word-wrap: break-word;
    word-wrap: break-word;
}
p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  /*line-height: 1.2;*/
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family:'latoregular';
    letter-spacing: 1.2px;
    font-weight:700;
}
img {
    max-width: 100%;
    height: auto;
}
a{  
    color:#0265a2;
    text-decoration:none;
    font-family:'latoregular';
}
/***
*
DEFAULT WORDPRESS CLASSES
*
***/
.wp-post-image {
    height: auto;
    max-width: 100%;
}
.alignnone {
    margin: 5px 20px 3px 20px;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 96%; 
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
table {
    width:90%;
    border-top:0px solid #000000;
    border-right:0px solid #000000;
    
    border-collapse:collapse;
}
th,td {
    color:#000000;
    border-bottom:0px solid #000000;
    border-left:0px solid #000000;
    padding:.3em 1em;
    text-align:center;
}
dt {
    font-weight: bold;
    text-decoration: underline;
  }
dd {
    margin: 0;
    padding: 0 0 0.5em 0;
  }
/***
*
HEADER
*
***/
#kt-top-bar{
    background:#016ea9;
    border-bottom:8px solid #f0bd14;
}
/* Main Navigation */
.slicknav_menu{
    display:none;
}
#nav {
    position:relative;
    margin:0 auto;
}

ul#navigation {
    margin:0px auto;
    position:relative;
    font-family:'latoregular',sans-serif;
}

ul#navigation li {
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    float:left;
    position:relative;
}

ul#navigation li a {
    color:#ffffff;
    letter-spacing:1px;
    padding:10px 15px;
    text-decoration:none;
    display:inline-block;
    background:rgba(1,101,169,0.7);
    font-weight:700;
    font-size:16px;
    -webkit-transition:color 0.2s linear, background 0.2s linear;    
    -moz-transition:color 0.2s linear, background 0.2s linear;    
    -o-transition:color 0.2s linear, background 0.2s linear;    
    transition:color 0.2s linear, background 0.2s linear;  
    /*color:#2f383d;*/
    font-weight:400;  
}

ul#navigation li a:hover {
    color:#F0BD14;
}

ul#navigation li a.first {
    border-left: 0 none;
}

ul#navigation li a.last {
    border-right: 0 none;
}

ul#navigation li:hover > a {
  
}
/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0; 
    line-height:20px;   
/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:rgba(1,101,169,0.7);
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.3s linear, visibility 0.3s linear; 
    -moz-transition:opacity 0.3s linear, visibility 0.3s linear; 
    -o-transition:opacity 0.3s linear, visibility 0.3s linear; 
    transition:opacity 0.3s linear, visibility 0.3s linear;     
}

ul#navigation ul {
    top: auto;
    left: 0px;
    background:rgba(1,101,169,0.7);
}

ul#navigation ul li ul {
    top: 0;
    left: 180px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #2c9fcb;
}

ul#navigation ul li a {
    padding:7px 15px;
    /*color:#2c9fcb;*/
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:180px;
    font-size:14px;
}
ul#navigation ul li a:hover{
   /* color:#3c0000; */
}
#kt-logo-area{
background:url('./img/header-bg.png');
padding:0 0 15px 0;
}
#kt-logo-area h1,
#kt-logo-area h4{
    color:#ffffff;
    margin:0.417em 0 0.20em;
}
#kt-header-image{
    border-bottom:8px solid #f0bd14;
}
/***
*
MAIN
*
***/

#kt-main{
    padding:30px 0;
}
.kt-article{
    border-bottom:2px dotted #f1c020;
    margin-bottom:70px;
    padding-bottom:50px;
}
.nopadding{
    padding:0;
}
    /*------*/
    /* Date */
    /*------*/
    .kt-article-date{
        position:relative;
        margin-top:8px;
    }
    .date-icon{
        position:absolute;
        display:block;
        height:25px;
        width:25px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color:#ffffff;
        top:4px;
        right:-11px;
        font-size:12px;
        padding:7px;
    }
    .the_date{
        color:#00b8ff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align:center;
        padding:4px;
        height:61px;
        width:65px;
    }
    .the_date > .day{
        font-size:25px; 
        display:block;
    }
    .the_date > .month_year{
        font-size:12px;
    }
#kt-main h1{
    margin:0 !important;
}  
a.kt-article-title{
    margin:8px 0 2px 0;
    font-weight:bold;
    display:block;
}
.kt-article-meta, .kt-article-categories{
    font-size:13px;
    color:#000000;
}
.kt-article-categories,
.kt-article-tags{
    margin:20px 0;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    padding:8px 0;
}
.kt-article-tags p{
    margin:0;
}
span.post-categories{
    margin-left:30px;
}
span.post-categories i{
    margin-right:10px;
}
span.post-categories a{
    color:#000000;
}
blockquote{
    font-size:14px;
    padding:20px 70px;
    background-color:#f5f5f5;
    border-left:5px solid #1050a3;
    color:#9aa7af;
    border-top:1px solid #e4ebed;
    border-bottom:1px solid #e4ebed;
    border-right:1px solid #e4ebed;
    background-color:#f3f3f3;
    background:url('./img/quote_img.png') no-repeat;
    background-position: 1% 50%;
    margin:10px 0;
    font-weight:800;
    position:relative;
    font-style: italic;
}
blockquote:before{
    position:absolute;
    top:12px;
    left:10px;
    font-family: 'ElegantIcons';
    content: '\7c';
    color: #ffffff;
    background:#1050a3;
    font-size:23px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-style: normal;
    width:35px;
    height:35px;
    text-align:center;
}
/****
*
COMMENTS
*
***/
p.comment-form-author{
    width:30%;
    display: inline-block;
    margin-right:5px;
}
p.comment-form-email{
    width:30%;
    display: inline-block;
    margin-right:5px;
}
p.comment-form-url{
    width:30%;
    display: inline-block;
}
p.comment-form-comment textarea{
    width:93%;
    padding:2px 10px;
    background:transparent;
    color:#000000;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    webkit-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
}
p.form-allowed-tags{
    display:none;
}
p.form-submit input[type="submit"]{
   padding:16px 10px;
   background:#00b8ff;
   color:#fff;
   border:none;
   width:93%;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
p.form-submit input[type="submit"]:hover{
   color:#fff;
}
p.comment-form-author input[type="text"],
p.comment-form-email input[type="text"],
p.comment-form-url input[type="text"]{
    padding:2px 10px;
    background:transparent;
    color:#000000;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    webkit-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
    box-shadow: inset 0px 2px 5px 0px rgba(181,181,181,1);
}
.college_comment{
    padding:10px 0 20px 0;
    border-bottom:2px dotted #f1c020; 
    padding:30px 15px;
    margin:56px 30px;
    background:#e3e3e3;
    position:relative;
}
.college_comment:after , .college_comment:before{
    bottom: 100%;
    left: 55%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; 
}
.college_comment:after{
    border-color: rgba(227, 227, 227, 0);
    border-bottom-color: #e3e3e3;
    border-width: 8px;
    margin-left: -324px;    
}
.college_comment:before{
    border-color: rgba(227, 227, 227, 0);
    border-bottom-color: #e3e3e3;
    border-width: 8px;
    margin-left: -324px;
}
.children .college_comment{
    
}
.comments-area {
    margin: 20px auto;
    max-width: 100%;
    padding: 0 10px;
}
.comment_num{
    display:inline-block;
    background-color: #07a2d6;
    font-size:14px;
    padding:8px 10px;
    color:#191919;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.comment-reply-title,
.comments-title {
    margin: 10px 0 30px 0;
    padding-bottom:20px;
    font-size:21px;
    color:#000000;
    font-weight:700;
    border-bottom:1px solid #323232;
}
.comment-list {
    list-style: none;
    margin: 0 0 48px 0;
}
.comment-author {
    font-size: 13px;
    line-height: 1.5;
}
.comment-reply-link{
    float:right;
}
.comment-list .reply,
.comment-metadata {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
}
.commentmetadata {
    font-size: 10px;
    width:65%;
    display:inline-block;
    vertical-align: sub;
    margin-top:25px;
}
.commentmetadata a{
     color:#00b8ff;
}
.comment-list .reply {
    margin: 10px 0 10px 0;
}
.comment-author .fn {
    color:#000000;
    font-weight: bold;
    display: block;
    font-size:16px;
    margin-top: -59px;
    padding-left: 89px;
}
.comment-author a {
    color: #2b2b2b;
    float:left;
    font-size:14px;
}
.comment-author.vcard{
    width:30%;
    float:left;
    display:inline-block;
}
.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
    color: #767676;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #07a2d6;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    padding-top: 24px;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
    border-top: 0;
}
.comment-author {
    position: relative;
}
.comment-author .avatar {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 80px;
    padding: 2px;
    top: 0;
    left: 0;
    width: 80px;
}
.says {
    display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
    padding-left: 10px;
}
.comment-content {
    -webkit-hyphens: auto;
    -moz-hyphens:    auto;
    -ms-hyphens:     auto;
    hyphens:         auto;
    word-wrap: break-word;
}
.comment-content ul,
.comment-content ol {
    margin: 0 0 15px 15px;
}
.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}
.comment-content > :last-child {
    margin-bottom: 0;
}
.comment-list .children {
    list-style: none;
    margin-left: 10px;
}
.comment-respond {
    margin-bottom: 24px;
    padding: 0;
}
.comment .comment-respond {
    margin-top: 12px;
}
.comment-respond h3 {
    margin-top: 0;
    margin-bottom: 24px;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
    color: #767676;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
    font-size: 14px;
    line-height: 1.7142857142;
}
.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}
.comment-form label {
    display: block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}
.required {
    color: #c0392b;
}
.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
    height: 24px;
    overflow: hidden;
    width: 24px;
}
.comment-reply-title small a:hover {
    color: #41a62a;
}
.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
}
.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
    display: inline-block;
}
.comment-navigation .nav-previous a {
    margin-right: 10px;
}
#comment-nav-above {
    margin-top: 25px;
    margin-bottom: 0;
}
/***
*
SIDEBAR & WIDGETS
*
***/
.kt-sidebar{
   
}
.widget{
    margin: 0 0 30px 0;
    font-size:13px;
}
.widget h3{
    margin-top:8px 0 2px 0;
    font-size:18px;
    font-weight:600;
}
.widget .widget_text{
    text-align:justify;
}
.widget p, 
.widget ul, 
.widget ol, 
.widget table, 
.widget form, 
.tagcloud {
    padding: 5px;
}
.widget ul, .widget ol  {
  list-style:none;  
}
.widget ul li a{
    color:#000000;
}
.widget form select{
    width:100%;
}
.tagcloud a{
    padding:5px 10px;
    background:#0C4DA2;
    color:#ffffff;
}
.tagcloud a:hover{
    padding:5px 10px;
    color:#0C4DA2;
    background:#ffffff;
    border:1px solid #0C4DA2;
}
.widget_search form input[type="text"]{
    width:80%;
    display:inline-block;
}
.widget_search form input[type="submit"]{
    width:18%;
    padding:8px 5px;
    display:inline-block;
    border:none;
    margin-left:-5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#sbox > label {
    display:inline;
}
#sbox > .form-control{
    height: 16px;
    background: rgba(255,255,255,0.1);
    padding: 0 !important;
}
#sbox{
    padding:5px 5px 5px 10px;
    border:none;
    background-color: rgba(255,255,255,0.1);
    color:#5b5dbd;
    width:100%;
    position:relative;
}
#sbox #s {
    outline: 0;
    border: 0;
    width: 89%;
    float: left;
    color:#5c4152;
}
#searchsubmit {
    background: transparent;
    display: block;
    width: 11%;
    border: 0;
    color:#5c4152;
}
/***
*
FOOTER & WIDGETS
*
***/
#kt-footer .kt-sidebar{
    padding-left:0;
}
#kt-footer .widget{
    color:#ffffff;
}
#kt-footer .widget h3{
    color:#fff;
    font-size:16px;
    font-family: 'roboto_slabregular';
    font-weight:400;
}
#kt-footer{
  background:url('./img/header-bg.png');
  border-top:5px solid #F0BD14; 
  padding:20px 0 50px 0; 
}
#kt-copyright{
    background:#0e75ad;
    padding:10px 0;
}
#kt-copyright p{
    margin:0;
}
#kt-copyright a{
    color:#fefefe;
}
/***
*
BOOTSTRAP OVERRIDES
*
***/
@media only screen and (min-device-width: 320px) and (max-device-width: 768px), (max-width: 900px) {
.slicknav_menu{
       padding:10px 0;
       display:block;
       background:#ffffff;
   }
   #kt-main-nav{
       display:none;
   }
}

/* ku 05/12/2015 ************************** widens page */
.col-md-8 {width: 100%!important;} 

/* Perrine27/06/2016*/

.caché {
	visibility: hidden;
	}

.invisible {
	display: none;
	}

.masqué {
	border-style: hidden;
	}

.extracourt{
	width:7mm;
	}

.court{
	width:10mm;
	}

.moyen{
	width:16mm;
	}

.long{
	width:25mm;
	}

.extra{
	width:32mm;
	}

.abricot{
	color: #ff8c00;
	}

.bleu {
	color:#0000ff;
	}

.rouge {
	color:#ff0000;
	}

.vert{
	color:#59b300;
	}

.moi{
	font-weight: bold;
	}

.droite{
	position: relative;
    	left: 50px;
	}

.aligner {
   	display: inline-block; 
	}

.centrer{
	text-align: center;
	}

.deplacer {
	cursor: pointer;
	}

.encadrer{
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #00ccff;
	}

.espacer {
	font-size: 18px;
	word-spacing: 10px;
	line-height: 1.6;
	text-align: justify;
	}

.fixe{
	width: 300px;
	padding: 0 10px 0 0;
	}

.flotter {
   	float: left; 
	}
	
.annulflotter{
	clear: both;
	}

.léger{
	text-align: center;
	border-style: solid;
	border-width: 0 0 1px 0;
    	border-color:#ff8c00;
	margin: 7px 0 7px 0;
	}

.textedroite{
	text-align: right;
	}

.textegauche{
	text-align: left;
	}

.verbe{
	text-align: center;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color:#0000ff;
	margin: 7px;
	}

.motcroisé{
	width:7mm;
	font-size: 25px;
	text-align: center;
	border: 1px solid #ff9900;
	}

.boîte1 {
    float: left; 
    width: 200px; 
    height:14px;
    margin: 5px;
    padding: 2px;
}

.boîte2 {
  	float: left;
    	width: 63px; 
   	 margin: 5px;
    	padding: 2px;
   }

.boîte3 {
    	float: left; 
    	width: 80px; 
      	margin: 5px;
   	padding: 2px;
   }

.zone2 {
  	width: 1100px;
  	position: relative;
  	left:57px;  
}

.définition2 {
  width: 600px;
  font-size:20px;
  }


.bouton{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
   	border: 1px solid #00ccff;
	border-radius: 10%;
	box-shadow: 0 5px #999;
	padding:8px 10px 8px 10px;
	margin:8px;
	-webkit-transition-duration: 0.4s;
  	transition-duration: 0.4s;
   	cursor: pointer;
	}

.bouton:hover {
     	background-color: #00ccff;
     	color: #ffffff;
   	}

.boutexemple{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	border-radius: 10%;
	border: 2px solid #e7e7e7;
	box-shadow: 0 5px #999;
	padding:3px;
	margin:6px;
	-webkit-transition-duration: 0.4s;
    	transition-duration: 0.4s;
	cursor: pointer;
	}

.boutexemple:hover {
    	background-color: #00ccff;
   	color: #ffffff;
	}


/* Perrine code  31/10/2016 ********************* introduire mots nouveaux*/

.nouveau{
	position: relative;
    	display: inline-block;
	border-radius: 40%;
	border: 3px solid #e7e7e7;
	color:#ff8c00;
	-webkit-transition-duration: 0.4s;
    	transition-duration: 0.4s;
	cursor:none;
	}

.nouveau:hover {
    	background-color: #00ccff;
   	color: #ffffff;
	}

.nouveau .imanouveau {
   	 visibility: hidden;
   	 width: 200px;
   	 padding: 5px 0;
	position: absolute;
   	 z-index: 1;
    	top: 100%;
    	left: 50%;
    	margin-left: -100px;
}

.nouveau:hover .imanouveau {
    visibility: visible;
}

/* END Perrine code mots nouveaux 31/10/2016 **********************/

.bulle {
    	position: relative;
    	display: inline-block;
    	border-bottom: 1px dotted;
   	 border-color:#00ccff;
	cursor:none;
}

.bulle .textebulle {
    	visibility: hidden;
   	 width: 250px;
   	 background-color: #00ccff;
    	color: #ffffff;
    	text-align: center;
    	border-radius: 6px;
    	padding: 5px 0;
   	 position: absolute;
    	z-index: 1;
    	bottom: 100%;
    	left: 50%;
	margin-left: -80px
	}

.bulle:hover .textebulle {
    	visibility: visible;
	}

.bulle .textebulle::after {
    	content: "";
    	position: absolute;
    	top: 100%;
    	left: 50%;
    	margin-left: -5px;
    	border-width: 5px;
    	border-style: solid;
    	border-color: #00ccff transparent transparent transparent ;
}

.aide {
    	position: relative;
    	display: inline-block;
	font-size: 16px;
	border-radius: 50%;
	background-color: #00ccff;
   	color: #ffffff;
	padding:7px;
	cursor:none;
	}

.aide .texteaide {
    	visibility: hidden;
    	width: 300px;
    	background-color: #00ccff;
    	color: #ffffff;
    	text-align: center;
    	border-radius: 6px;
    	padding: 5px 0;
    	position: absolute;
    	z-index: 1;
    	top: -100px;
    	left: 105%;
}

.aide:hover .texteaide {
    visibility: visible;
}

.aide .texteaide::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #00ccff transparent transparent  ;
}
		
/**********************************************************************************************/


/* Perrine code  24/01/2018 ********************* elements pour séance entiere*/

.verbe1{background-color:#e6f3ff;}

.attendre {cursor: wait;}

.leger{text-align: center;
	border-style: solid;
	border-width: 0 0 1px 0;
    border-color:#0000ff;
	margin: 7px 0 7px 0;}	
.aerer {font-size: 18px;
	word-spacing: 10px;
	line-height: 1.7;}
.boite {
	float: left;
    text-align:center;
   	margin: 8px;
    padding:6px 2px 6px 2px;
	width: 75px;}
.boite2 {
	float: left;
	border: 1px solid #aaaaaa;
	text-align:center;
	margin: 8px;
	padding:6px 12px 6px 12px;
    width: 90px;							/*WP: 90*/ 
	height: 30px;}							/*WP: 30*/
.boite2Completer {							/* "déplacer-compléter", emplacement des mots à déplacer */
	float: left;
	border: 1px solid #aaaaaa;
	text-align:center;
	margin: 8px;
	padding:6px 12px 6px 12px;
    width: 90px;							/*WP: 90*/
	height: 35px;}							/*WP: 35*/		
.destinationBox{
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #0000ff;
	background-color:#e6f3ff;
	text-align:center;}	
.contenuExemple{							/* emplacement de l'exemple */
		width:950px;
		margin:0 auto;
		border:1px solid #000;
		height:190px;
		margin-top:5px;
		padding:0px 2px 2px 25px;}		
.contenuExercice{							/* Emplacement de l'exercice */
		width:1100px;
		margin:0 auto;
		border:2px solid #ff8c00;
		height:580px;
		margin-top:45px;
		padding:20px 10px 0px 30px;}
.ZoneEtroite{
		float:left;
		margin-right:4px;
		height:100%;
		width:90px;
		padding:5px;}
.ZoneMiEtroite{				
		float:left;
		height:100%;
		width:130px;
		padding:5px;}									
.ZoneMoyenne{	
		float:left;
		height:100%;
		width:220px;
		margin-right:4px;
		padding:5px;}
.ZoneMiLarge{
		float:left;
		margin-right:4px;
		padding:5px;
		width:260px;
		height:85%;}			
.ZoneLarge{	
		float:left;
		height:90%;
		width:310px;
		margin-right:4px;
		padding:5px;}
.ZoneTresLarge{
		float:left;
		margin-right:4px;
		padding:5px;
		width:500px;
		height:85%;}
.zoneEnonce{					/* zone très large - pourtour supérieur apparent - positionnée à droite*/
		float:right;
		border-style:solid;
		border-width: 1px 0px 0px 0px;
		height:100%;
		width:700px;
		margin-right:4px;
		padding:10px;}
		
		.ZoneEtroite .debutfin {			/* sujet "tableau de conjugaison" */
				float:right;
				text-align:left;
				margin:3px 2px 15px 3px;   /*WP: 3px 2px 15px 3px*/
				width:75px;                 /*WP: 75*/
				line-height:19px;}		
		.ZoneEtroite .recuE {				/* Cellules de réception étroite */	
				float:left;
				margin:2px;
				padding:6px;
				width:70px;
				height:22px;}	
		.ZoneEtroite .casesSuccessives{		/* Cellules spécifiques à Aff. successif */
				line-height:34px;
				margin-left:40px;}	
		.ZoneEtroite .remplir{				/*input moyen "tableau de conjugaison"-"relier/articles" */
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #ff8c00;
				text-align:center;
				margin:2px;
				padding:6px;
				height:35px;}				/*WP: 35*/
		.ZoneEtroite .question{				/* questions courtes = quelques lettres - "fonctions"*/
				float:left;	
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #0000ff;
				text-align:center;
				margin:0px 4px 0px 4px;		/*WP: 0px 4px 0px 4px*/
				padding:1px;
				width:60px;						
				line-height:21px;}			/*WP:line-height:21px*/				
		.ZoneMiEtroite .CasePluie{			/* Correction - "pluie" */
				border-style: hidden;
				border-width: 0px 0px 1px 0px;
				text-align:left;
				margin:9px 1px 23px 1px;
				padding:1px;
				height:19px;}
		.ZoneMiEtroite .debutfin {			/* correction - "tableau de conjugaison" */
				float:right;
				text-align:left;
				margin:3px 3px 15px 2px;	/*WP: 3px 3px 15px 2px*/
				width:75px;					/*WP: 75*/
				line-height:19px;}	
		.ZoneMiEtroite .phrases{			/* phrases d'énoncé fixe - "relier/articles"*/	
				float: left;
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #ff8c00;
				text-align:center;
				margin:1px 2px 30px 1px;
				padding:1px;	
				height:19px;}
		.ZoneMoyenne .fonctions{			/* Correction - "fonctions"*/	
				border-style: hidden;
				border-width: 0px 0px 1px 0px;
				text-align:left;
				margin:1px 1px 3px 1px;		/*WP:1px 1px 3px 1px*/
				padding:1px;
				height:22px;}				/*WP:22*/
		.ZoneMoyenne .recuMFL{				/* réception longue - "fonction"*/
				margin:3px 4px 3px 4px;
				padding:1px;
				width:170px;
				height:22px;}				/*WP: 22*/	
		.ZoneMiLarge .correction {			/* Correction - "déplacer-compléter", "relier articles"*/
				float:left;
				border-style: hidden;
				border-width: 0px 0px 1px 0px;
				border-color: #ff8c00;
				text-align:left;
				margin:3px 4px 30px 4px;
				width:170px;
				height:19px;}
		.ZoneMiLarge .enonceMC {			/* Définitions des mots-croisés */
				background-color: #00ccff;
				color: #fff;
				text-align:center;
				margin:13px;
				padding:7px;
				width:230px;
				height:25px;
				border-radius: 50%;}
		.ZoneMiLarge .phrases{				/* phrases d'énoncé fixe - exemple de "déplacer-compléter"*/
				float: left;
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #ff8c00;
				text-align:center;
				margin:1px 2px 30px 1px;
				padding:1px;	
				line-height:18px;}		
		.ZoneMiLarge .question{				/* questions moyennes - exemple de "fonctions"*/
				float:left;	
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #0000ff;
				text-align:center;		
				margin:1px 4px 2px 4px;
				padding:1px;
				width:95px;
				height:22px;}				/*WP: 22*/		
		.ZoneMiLarge .recuMF{				/* réception moyenne*/
				float: left;
				margin:3px 4px 3px 4px;
				padding:1px;
				width:110px;
				height:22px;}				/*WP: 22*/				
		.ZoneMiLarge .recuCompleter{		/* réception longue - "déplacer-compléter"*/
				margin:1px 2px 30px 1px;
				padding:1px;
				width:170px;
				height:22px;}				/*WP: 22*/							
		.ZoneLarge .question{				/* ??? */
				float: left;
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #ff8c00;
				text-align:center;
				margin:1px 4px 1px 1px;
				padding:1px;	
				line-height:27px;}			/*WP:27*/	
		.ZoneLarge .phrases{				/* (parties de) phrases d'énoncé fixe - "déplacer-compléter"*/
				float: left;
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #ff8c00;
				text-align:center;
				margin:1px 2px 30px 1px;
				padding:1px;	
				line-height:18px;}			
		.ZoneTresLarge .enonceFonction{		/*parties de phrases à déplacer - "fonctions*/
				float: left;
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #ff8c00;
				text-align:center;
				margin:1px 2px 92px 1px;	/*WP: 1px 2px 92px 1px*/
				padding:1px;	
				line-height:23px;}			/*WP: 23*/							
				
		.zoneEnonce .questionC{				/* questions courtes*/
				float:left;	
				border-style: solid;
				border-width: 0px 0px 1px 0px;
				border-color: #0000ff;
				text-align:center;
				margin:8px;
				padding:2px;
				width:40px;	
				height:14px;
				line-height:14px;}		

.bouton2{
	font-family: "Times New Roman", Times, serif;
	font-size: 50px;
	width: 20%;
    border: 1px solid #00ccff;
	border-radius: 10%;
	box-shadow: 0 5px #999;
	margin:20px;
	padding:10px;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
   	cursor: pointer;}
.bouton2:hover {
    background-color: #00ccff;
   	color: #ffffff;}	

/* END Perrine code  24/01/2018 ********************* elements pour séance entiere*/