8 background-image:url
(../img/fond
.jpg
);
9 font-family: Arial
, Helvetica
, sans-serif
;
21 background-image:url
(../img/header2
.jpg
);
31 border-up: 1px solid
#cccccc;
32 border-left: 1px solid
#cccccc;
33 border-bottom: 1px solid
#cccccc;
34 border-radius: 2px 2px 2px 2px;
35 box-shadow: 0 0 2px rgba
(0,0,0, 0.1);
41 background:url
(../img/bgmenu2
.png
) right
;
62 border-top:4px solid
#74b0d4;
72 border-top:4px solid
#ebc634;
76 border-top:4px solid
#88b43e;
80 border-top:4px solid
#744b82;
84 border-top:4px solid
#d82a36;
88 border-top:4px solid
#6ea2c1;
92 border-top:4px solid
#f7d034;
96 border-top:4px solid
#88b43e;
97 /*border-right:1px solid #cdcdcd;*/
100 /*************************************************************Slideshow********************************************************************************/
107 border: 1px solid
#ddd;
109 border-radius: 2px 2px 2px 2px;
110 /*box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);*/
114 background-color:#000099;
122 border-radius: 2px 2px 2px 2px;
123 border: 1px solid
#ddd;
124 /*box-shadow: 0 0 3px rgba(0,0,0, 0.2); */
128 text-decoration: none
;
136 .banner { position: relative
; overflow: auto
; }
137 .banner li { list-style: none
; }
138 .banner ul li { float: left
; }
140 /* annulation des marges sur figure */
146 /* styles des légendes */
149 left:0; right:0; bottom: 0;
158 .banner figcaption h5{
159 margin: 0px 0px 5px 0px;
164 .banner figcaption p{
171 /*************************************************************Slideshow********************************************************************************/
183 padding: 12px 20px 12px 8px;
186 article
, section
, .outil
{
187 display:inline-block
;
200 #containt_principal bandeau
.outil
{
210 background-color:#fff;
211 border-radius: 2px 2px 2px 2px;
212 border: 1px solid
#ddd;
223 background-color:#fff;
224 border-radius: 2px 2px 2px 2px;
225 border: 1px solid
#ddd;
226 /*box-shadow: 0 0 3px rgba(0,0,0, 0.2); */
237 article
h4, article
p, .reseau
h4, .reseau
p{
266 text-decoration: none
;
274 /* Cibler les éléments <li> appartenant à un élément de classe "icone" */
279 background: url
("../img/rs6.gif") no-repeat
;
284 .icone .icone-1 { background-position: left top
; }
285 .icone .icone-2 { background-position: left
-35px; }
286 .icone .icone-3 { background-position: left
-70px; }
287 .icone .icone-4 { background-position: left
-105px; }
289 .icone .icone-1:hover { background-position: right top
; }
290 .icone .icone-2:hover { background-position: right
-35px; }
291 .icone .icone-3:hover { background-position: right
-70px; }
292 .icone .icone-4:hover { background-position: right
-105px; }
306 display:inline-block
;
311 /**************************************************************************** Recherche ***************************************************************************************/
324 ::-webkit-input-placeholder
{ /* WebKit pour les navigateurs */
329 :-moz-placeholder
{ /* Support de Mozilla Firefox 4 to 18 */
334 ::-moz-placeholder
{ /* Support de Mozilla Firefox 19+ */
339 :-ms-input-placeholder
{ /* Support Pour Internet Explorer 10+ */
340 color: #999 !important
;
345 -webkit-font-smoothing: antialiased
;
346 -webkit-text-size-adjust: 100%;
347 -ms-text-size-adjust: 100%;
348 -webkit-box-sizing: border-box
;
349 -moz-box-sizing: border-box
;
350 box-sizing: border-box
;
354 /************************************************************************* Formulaire de Recherche *******************************************************************************/
369 -webkit-box-sizing: border-box
;
370 -moz-box-sizing: border-box
;
371 box-sizing: border-box
;
378 background-color: #fff;
380 border: 1px solid
#ddd;
381 -webkit-border-radius: 1px;
382 -moz-border-radius: 1px;
384 -webkit-transition: all
0.4s linear
;
385 -moz-transition: all
0.4s linear
;
386 transition: all
0.4s linear
;
387 border-radius: 2px 2px 2px 2px;
388 /*box-shadow: 0 0 2px rgba(0,0,0, 0.2); */
405 filter: alpha
(opacity
=100);
407 background: transparent url
('../img/search.png') top left no-repeat
;
408 -webkit-transition: all
0.4s linear
;
409 -moz-transition: all
0.4s linear
;
410 transition: all
0.4s linear
;
413 #searchbtn:hover
, #
searchbtn:focus
{
414 filter: alpha
(opacity
=65);
419 /*********************************************************************** Bloc de Gauche / Droite ***************************************************************************/
420 .gauche input[type="submit"]{
422 background-color: #911735;
429 #containt_principal .gauche
{
435 #containt_principal aside
{
445 background:url
(../img/bg_bloc
.jpg
) left
;
446 border-bottom:1px solid
#cdcdcd;
447 border-radius: 2px 2px 2px 2px;
448 /*border-top:1px solid #cdcdcd;
449 box-shadow: 0 0 2px rgba(0,0,0, 0.2); */
456 background:url
(../img/bg_bloc2
.jpg
) left
;
457 border:1px solid
#ddd;
458 border-radius: 2px 2px 2px 2px;
464 background-image:none
;
473 text-decoration:none
;
481 text-decoration:none
;
489 text-decoration:none
;
499 -webkit-transform: translateY
(-50%);
500 -ms-transform: translateY
(-50%);
501 transform: translateY
(-50%);
505 text-decoration:none
;
511 vertical-align:middle
;
515 .droit a:hover, .bloc_right a:hover{
520 text-decoration:none
;
528 bloc-left
li, bloc-right
li{
536 margin: 5px 15px 6px 0;
538 border:1px solid
#e4e4e4;
546 vertical-align:middle
;
554 .bloc_left ul li.rub11{
555 border-left:10px solid
#639ec2;
556 box-shadow: 2px 0 0 rgba
(0,0,0, 0.2);
563 background-color:#fdfdfd;
564 border-radius: 2px 2px 2px 2px;
565 border: 1px solid
#DDDDDD;
566 /*box-shadow: 0 0 2px rgba(0,0,0, 0.2); */
580 margin: 0px 6px 8px 0px;
582 display: inline-block
;
587 text-decoration: none
;
592 #filariane li a:hover
{
607 background-color: #FFFFFF;
608 border: 1px solid
#DDDDDD;
623 background: url
(../img/puce
.png
) left
center no-repeat
;
629 text-decoration: none
;
641 background-color:#fdfdfd;
643 border-radius: 2px 2px 2px 2px;
644 border: 1px solid
#DDDDDD;
654 border-bottom:1px solid
#dcdcdc;
678 vertical-align:middle
;
688 vertical-align:middle
;
699 /************************************************************************** Footer ********************************************************************************************/
707 display:inline-block
;
726 text-decoration: none
;